AI-native design editor. Open-source Figma alternative.

Joined May 2026
OpenPencil retweeted
The new OpenPencil landing page also showcases how you can embed the editor in your own products. We’ve also started working on a self-hostable cloud platform, so if you or your design team want a private Figma-like workspace, you can join the waitlist there. ⁠openpencil.dev
1
3
16
548
For developers: MCP agents get a cursor on the canvas, read and write comments, and verify edits with visual diffs. Figma plugin API: swapComponent, detachInstance, slots, behaviours. The CLI exports Storybook stories and W3C tokens. Full changelog: github.com/open-pencil/open-…
1
2
273
Figma fidelity. Saved .fig files open in Figma with overrides, slots, exposed instances, blend modes, and variable bindings intact. Text keeps its wrapping, line height, and decorations. New: bulleted and numbered lists, styling selected characters, and aspect ratio lock.
1
1
306
Set up AI in a few steps. Pick a coding agent on your computer, an API account, or a local server. The desktop app guides you through the model setup. With @OpenRouter you sign in instead of pasting a key, and every model is one account away.
1
1
282
The AI chat was rebuilt around review. Each edit shows a before-and-after image and a JSX diff. Revert a reply, restore it, regenerate it, or edit and resend. Undo tells the model next message. Pick how much it thinks per message, drop images in, set up in a few guided steps.
1
1
265
AI agents work on the canvas, in the open. Designs appear layer by layer as the model streams them. Every agent, from the chat, a coding agent, Pi, or an MCP client, shows a labelled cursor on the layers it touches. Click an avatar to follow it.
1
1
2
314
Performance. Large .fig files open with far less memory than in 0.15. Saving rewrites only the layers that changed, off the main thread: the 109 MB Preline UI kit saves in about 3 seconds instead of over two minutes.
1
1
2
327
Design together. The Comment tool pins threads to layers, with replies, resolving, and a searchable list. Comments live in the .fig file, and agents read them too. Be in several shared rooms at once, each in its own tab, and talk to the room in a peer-to-peer voice call.
1
1
322
Design to code. The Lint tab groups issues by rule, marks them on the canvas, and fixes many with one click. Import and export W3C design tokens. See the selection as a Vue or React component in the Code tab. Export Storybook stories with working Reka UI or Radix UI components.
1
2
364
Components, as in Figma. Create slots, properties, and variants from the properties panel, and expose nested instances. Then make them real: Behaviour turns a component into a Button, Switch, Tabs, Text field, or one of 15 controls, and View → Preview lets you use them live.
1
1
3
472
Shaders and icons. Fill any layer with a shader from shaders.com: stack effects, adjust the generated controls, or paste a preset. The canvas shows the first frame, Preview plays it. Insert icons from Iconify's open-source sets, swap or recolour them in place.
1
5
962
OpenPencil v0.16.0 is out ✏️ Shaders. Interactive components in preview, exported to Storybook. Vue and React code. Comments and voice rooms. Far less memory on big .fig files. A new AI chat that streams designs in. Open source, Figma compatible. openpencil.dev
11
30
3
407
15,964
OpenPencil is free and open source. Try it in your browser, download the desktop app, or read the full v0.15.0 release notes: app.openpencil.dev github.com/open-pencil/open-…
1
2
493
For people building on OpenPencil: • MCP SDK v2 with Valibot tool schemas (breaking) • Design JSX binds spacing, sizing, corners and typography to variables • Font fidelity via Figma API, MCP and the CLI
1
3
596
AI chat is now a workspace: saved conversations, pinned nodes as context, image attachments, a Vision model that inspects your design, reasoning you can collapse or watch. Experimental AI SDK Harness support lands, starting with Pi. Browser agents get WebMCP.
1
4
723