LIFEHUBBER
Theme

AI Visuals

OpenPencil

GitHub stars: 8.6K GitHub forks: 837 Declared license: MIT: MIT Last pushed September 21, 2026: Pushed today
Stats from GitHub

OpenPencil is an open-source design editor that opens Figma and Pencil files and makes the same editable document structure available to people, scripts, and AI agents.

It combines a browser and desktop canvas with built-in bring-your-own-key AI, a headless CLI, an MCP server, Figma Plugin API scripting, and a Vue SDK for custom editing tools. Use this as a first read, not a recommendation. Open the original project before trusting details like terms, limits, privacy, cost, setup, or safety.

What it is

A design canvas with a programmable document

OpenPencil can open supported .fig and .pen documents and write native Figma files while exposing the document tree to the canvas, command-line tools, scripts, and agent connections.

Why it stands out

Agents can inspect and change the source design

Its built-in AI and MCP tools can create or modify shapes, text, layouts, components, variables, and exports. The CLI can also query, lint, convert, analyze, and extract tokens from design files.

Availability

Browser, desktop, CLI, and SDK paths

Readers can try the web app without an account, download desktop builds for macOS, Windows, or Linux, install the CLI or MCP package, or inspect the MIT-licensed source and SDK.

Why it matters

What makes it useful

OpenPencil keeps the design as an editable node tree instead of reducing agent work to a screenshot or one-way export. A person can work on the canvas while a script or agent inspects the same structure, changes selected elements, checks design tokens, or prepares another output format.

Notable points

What stands out

As of September 22, 2026, the project describes OpenPencil as usable and under active development, with rough edges still changing. Its roadmap records partial or missing support across some Figma features, and its provider notes say browser and tool-calling compatibility varies. Recheck the roadmap, provider table, and releases for the exact workflow you plan to use.

Before using

What to review

For a local-file workflow, which connected AI provider will receive prompts or design context. OpenPencil also documents optional S3-compatible storage, so check whether the intended setup keeps documents on the device or synchronizes them to a configured provider.

Whether the document features you rely on are fully editable, only preserved for round trips, or not yet supported. The file-format guide says complex .fig documents can lose visual fidelity after saving, even without edits; keep the original, use Save As, and inspect the exported copy in Figma before replacing it.

Which MCP tools may change files or the open document. For the HTTP transport, OPENPENCIL_MCP_ROOT can limit file operations to a specific folder; the project describes stdio as a separate local-use path without the same HTTP restrictions.

Whether the chosen model and provider support browser use and streamed tool calls, or whether the desktop and local-agent path is required.

Reader fit

Who may find it relevant

Designers who need to open or revise supported Figma files without giving up an editable canvas.

Builders who want an AI agent or script to inspect, lint, transform, or export structured design files.

Teams experimenting with an embeddable Vue editor, local agent connections, or design-to-code workflows.

Less relevant for readers who need complete Figma feature parity today or only want a prompt-to-image generator.

Editorial note

Why LifeHubber lists it

LifeHubber lists OpenPencil because it puts a visual canvas, Figma-format file handling, and programmable agent access around the same editable document. That helps you decide whether you need a design editor an AI agent can inspect and change directly, rather than a tool that only produces a finished image or mockup.

Source links

Source materials

Reader note

Before relying on this entry

LifeHubber lists entries to help readers inspect AI projects, not to endorse them or prove they are safe, suitable, accurate, maintained, or right for a specific use. We do not verify every entry in depth. Before relying on anything listed, review the original materials, terms, privacy practices, limits, and risks that matter for your situation.

What to explore next

Compare another editable design surface for AI agents.

OpenPencil centers programmable Figma-format files and local agent tools. Penpot approaches the same broad question through a collaborative design platform with shared components, tokens, layouts, and an MCP connection.

Advertisements

Advertisements

For project maintainers

Listed here? You can use the badge.

If you maintain a project with a current LifeHubber listing, you may add the optional “Listed on LifeHubber AI Resources” badge to its README, docs, or website. No introduction or permission request is needed.

See what’s moving