# OpenPencil

An AI-native design editor that opens Figma files, ships a programmable toolkit, and exports to JSX and Tailwind.

HTML: https://softbests.com/software/openpencil
Markdown: https://softbests.com/software/openpencil.md
Website: https://openpencil.dev

- Category: [Design & prototyping](https://softbests.com/category/design-prototyping)
- Pricing: Open source
- Platforms: macOS, Windows, Linux, Web
- Underrated

## Best for

Designers and design engineers who want an open, scriptable editor that agents can drive.

## Why it deserves attention

OpenPencil reads and writes both .fig and .pen files, so existing Figma work comes along instead of being locked out. Its AI chat uses more than 100 tools to create and modify nodes with your own model key, and a headless CLI, MCP server, Figma Plugin API surface, and Vue SDK make the editor programmable. It also lints layouts, extracts design tokens, and exports selections as JSX or Tailwind. The project is MIT-licensed, free, cross-platform, and has about 9,500 GitHub stars with daily commits. It is in active development with rough edges, and official builds send one anonymous ping a day unless disabled.

## Can replace

- [Figma](https://softbests.com/software/figma)
- [Penpot](https://softbests.com/software/penpot)

## Related and alternatives

- [desigma](https://softbests.com/software/desigma)
- [Framer](https://softbests.com/software/framer)