Skip to main content
AI Tool Radar
OSI-openMedia, design and video

OpenPencil

open-pencil

AI-native, open-source Figma alternative with MCP and agent integration.

5.6k stars(as of 2026-06-14)View on GitHubHomepage

What is OpenPencil?

OpenPencil is a desktop (Tauri) and web PWA design editor built on Skia/CanvasKit that opens native .fig files, offers 100+ AI design tools via chat, exports JSX/Tailwind code, and exposes an MCP server for agent control, with P2P collaboration via CRDTs. The maintainers describe it as not yet production-ready.

OpenPencil in depth

Design teams that depend on Figma face a familiar set of tradeoffs: a closed file format, browser-locked editing, and no real way to script the canvas or hand it to an automated agent. OpenPencil is an attempt to answer those frustrations with an open-source design editor that can open native .fig files directly, rather than forcing an import or conversion step. It ships as both a desktop application built with Tauri and a web PWA, and it positions itself as a toolkit rather than just an app: a programmable surface for design rather than a sealed product. The pitch is straightforward. Keep the Figma files you already have, edit them in software you control, and wire the canvas into the same AI and agent tooling you use everywhere else in your stack.

Technically OpenPencil renders with Skia through CanvasKit compiled to WebAssembly, and handles flex and grid layout with a forked build of Yoga. Figma compatibility comes from reading the .fig format directly, which uses Kiwi binary encoding with Zstd compression inside a ZIP container, and the project claims round-trip fidelity plus copy-paste between Figma and OpenPencil. What sets it apart is the agent surface. It exposes an MCP server that works with Claude Code, Cursor, and Windsurf, ships a headless CLI with XPath-style queries for inspecting and exporting files, and offers roughly 90 to 100 design tools through a built-in chat. Real-time collaboration runs peer-to-peer over WebRTC using Yjs CRDTs, so syncing happens without a central server.

The natural audience is designers and developers who want programmatic control over design work and a self-hostable, account-free editor. Concrete uses follow from the feature set. A front-end developer can point a coding agent at a .fig file through the MCP server and have it read components, extract design tokens, and emit JSX with Tailwind classes, closing part of the design-to-code gap. A design-systems maintainer can script bulk edits or audits across files via the CLI instead of clicking through them. Small teams that dislike SaaS lock-in get local-first editing with optional peer-to-peer collaboration. It also suits anyone simply curious about how far AI-assisted, chat-driven design manipulation can go before it stops being a novelty.

The caveats are significant and the maintainers state the most important one plainly: the project is in active development and not ready for production use. That alone should keep it out of any client deliverable or critical workflow for now. The Skia and WASM rendering approach brings a large bundle and harder debugging when something misbehaves on the canvas. Round-trip fidelity with .fig files is a hard problem given Figma's proprietary and evolving format, so edge cases and silent data loss are real risks worth testing before trusting it with originals. The project carries small-organization backing, which raises the chance of slowed momentum or abandonment. A comprehensive test suite is reassuring and unusual at this stage, but tests do not substitute for production hardening.

Measured against Figma, OpenPencil is not a replacement today, and against Penpot, the established open-source option, it is younger and rougher but more ambitious about AI and agent integration. Its real value right now is exploratory: a way to experiment with agent-driven design, scriptable file manipulation, and a Figma-compatible editor you can actually self-host. Adopt it for prototypes, internal tooling, design-to-code experiments, and learning, where breakage is cheap and the agent hooks pay off. Avoid it for anything a client or your team depends on, since the maintainers themselves warn against that. The sensible posture is to watch it closely, contribute if the direction appeals to you, and revisit once a stable release and a broader contributor base signal it has matured.

Pros & Cons

Pros

  • Can open real Figma .fig files - lowers migration friction
  • MCP server and headless CLI enable agent-driven design workflows
  • Comprehensive test suite, unusual for an early-stage design tool

Cons

  • Explicitly not production-ready per the maintainers
  • Skia/WASM rendering means a large bundle and complex debugging
  • Small-org backing increases abandonment risk

License

MIT (OSI-open)

When it is interesting

Experimenting with AI-assisted design and a self-hostable, Figma-compatible editor with agent hooks.

When it is too early

Any production design work - the maintainers warn against it.

Commercial alternative & related

  • Commercial counterpart: Figma / Penpot

This repo featured in the 2026-07 edition of the Open-Source AI Radar.