mrkeyoor.com_
Tue 11 Aug 17:03 UTC
AI Toolsevaluationupdated 11 Aug 2026

openpencil

OpenPencil is an open-source vector design app that combines a conventional canvas with AI agents, code export, collaboration, and a JSON file format. It aims to turn prompts into editable interface designs while letting developers automate the same canvas from a CLI, Claude Code, Codex, or another MCP client.

Verdict

OpenPencil is one of the more interesting open-source attempts to join vector design, code, and agents in one tool. Its feature surface is already broad enough for serious experiments, especially if MCP automation and diffable design files are the draw. Do not make it the only home for important client work yet: use release binaries, keep source files in Git, verify exports, and wait for stable releases before treating it as team infrastructure.

Setup3/5Good packages, but AI setup and source builds add friction
Docs4/5Detailed feature, hosting, CLI, MCP, and build guidance
Community4/5Fast star growth and current maintainer activity
Maturity2/5Broad product still ships only prereleases

Who it’s for

Developer-designers who want prompt-driven UI drafts but still need editable vectors, reusable components, variables, and auto-layout.
Agent users who want to create and revise design files from Claude Code, Codex, Copilot, OpenCode, or any MCP-compatible client.
Open-source teams that prefer human-readable, diffable JSON design files and built-in Git operations.
Early adopters willing to test a fast-moving native Rust editor across desktop, web, and headless workflows.
Teams exploring AI-assisted decks, web capture, code export, or collaborative design without buying into one hosted design vendor.

Who it’s NOT for

Production design teams that require a stable release channel: every published version through v0.8.3 is marked prerelease, and GitHub has no non-prerelease latest release.
Developers who must reproduce v0.8.3 from its source tag: an open report confirms the pinned jian revision lacks a method the tagged OpenPencil source calls.
Teams expecting the browser build to match native agent support: the README says CLI and ACP agents are native-only and the web model picker supports built-in API-key agents.
App builders who need an editable embedded canvas: the published web SDK is explicitly read-only.
Designers whose handoff must remain inside Figma: OpenPencil imports .fig files, but the documented exports are images, documents, code, and OpenPencil's own JSON format, not editable .fig files.
Security-sensitive public hosts that cannot isolate browser credentials: web provider keys live in same-origin local storage by default, which the README notes is readable by same-origin scripts.

Setup reality

Trying a packaged build is straightforward when an artifact matches your platform: Homebrew covers macOS, Scoop covers Windows, and release assets cover Windows and Linux. AI features still require provider credentials, a compatible local CLI login, or another configured model, and public web hosting needs explicit origin controls. Building is considerably heavier: clone three Git submodules, use the pinned Rust toolchain, compile a large workspace, and add Bun plus Node 18 or newer for the web SDK. The current v0.8.3 tag also needs a dependency-pin workaround to build from source, so release binaries are the safer evaluation path.

A design tool built for both hands and agents

OpenPencil is not merely a prompt box that exports a screenshot. It is a native vector editor with an infinite canvas, shapes, Bezier drawing, text, auto-layout, variables, themes, reusable components, multiple pages, and common Boolean operations. AI sits inside that editor: a user can describe a page, watch sections stream onto the canvas, select existing elements, and request changes. An orchestrator can divide a page among several agents working on different regions.

The unusual part is that external agents can use the same document model. OpenPencil includes an MCP server and a command-line tool named op. Claude Code, Codex, Copilot, OpenCode, Kiro, or another MCP client can inspect, create, and edit .op files. The layered design tools separate skeleton, content, and refinement passes, which gives an agent a more disciplined route than dumping one enormous generated document.

That makes OpenPencil especially appealing to developers who see design as part of the repository. Its .op format is human-readable JSON, so files can be diffed and reviewed. The app also has built-in Git operations and can export React with Tailwind, plain HTML and CSS, Vue, Svelte, mobile frameworks, and native UI targets. The generated code will still need review, but the path from agent instruction to editable design to implementation is unusually direct.

The editor is broader than the AI pitch

OpenPencil has been accumulating the pieces of a general design workspace. It imports Figma .fig files, captures webpages through a Chrome extension, manages reusable UI kits, exports canvas images and PDFs, and includes read-only viewer packages for vanilla JavaScript, React, and Vue. Presentation support covers templates, slideshow playback, and export to PDF, HTML, PowerPoint, or a video composition.

Real-time collaboration arrived in v0.8.3. Sessions use authenticated peer-to-peer connections where possible, with a public relay or regional hub when direct networking fails. Participants join with a short code, see remote cursors, and can inspect conflicts when concurrent edits diverge. That is serious scope for a young project, though it deserves adversarial testing before a distributed team trusts it with deadlines. Networking, identity, conflict recovery, and document editing are each hard; shipping all four together creates many failure modes.

Easy to download, harder to build and host

For evaluation, packaged binaries are the sensible path. macOS users can install through a Homebrew cask, Windows users through Scoop, and the releases page offers Windows and Linux artifacts. The CLI has its own Homebrew formula and installation scripts. Release assets include checksums and build-provenance attestations, useful because new Windows installers can attract antivirus warnings.

Building the product is another matter. The repository contains three Git submodules, pins Rust 1.94, and spans many crates. Bun and Node are needed for the web SDK packages. Most importantly, issue 208 confirms that the v0.8.3 source tag does not build as published because its pinned jian dependency predates a method used by the tagged source. The reporter provides an override that works, but a release tag should be reproducible without dependency surgery.

Web deployment requires careful reading too. Provider and image-generation credentials entered in the browser are stored in same-origin local storage by default. Server persistence can be enabled, but it is deployment-wide and intended for a trusted, access-controlled installation with one active administrator profile. Public reverse proxies must set exact allowed origins, and private AI endpoints need a separate allowlist. The browser build supports built-in API-key agents, not the native CLI and ACP integrations.

These are defensible boundaries, and the README explains them. They also mean “runs everywhere” does not imply identical capability or a carefree public Docker deployment. Operators must decide where credentials live, terminate HTTPS, restrict origins, and understand which agent paths work in each host.

Compatibility has sharp edges

The .op format is attractive because it is readable and versionable, but it is also specific to OpenPencil. Figma import helps migration and reference work, yet the documented export list does not include .fig. A team that must return fully editable work to a Figma-based client should test the handoff before committing. Code export is not equivalent to preserving an editable design document either.

Embedding has a related limit. The web SDK can display .op files, but the README calls it read-only. Product teams looking for an editable canvas component should evaluate tldraw or build against lower-level primitives instead. OpenPencil is an application first, not a general-purpose editor SDK.

AI quality will vary by model. The project adapts prompts and thinking settings for model tiers, and it supports several hosted and local providers. That does not guarantee equal layout taste, typography, or instruction following. Multi-agent generation can also multiply token cost and inconsistency. Start with a small page, compare single-agent and team output, and inspect every breakpoint and export.

Rapid progress, prerelease expectations

The repository was pushed on August 11, 2026, one day after v0.8.3. Recent pull requests address canvas latency and design execution, while the open queue includes both issues and pull requests. Development is plainly active. The important maturity signal is release policy: all published versions are marked prerelease, so GitHub's normal latest-release endpoint returns nothing.

Documentation is unusually detailed for this stage. It covers installation, credentials, hosting boundaries, agent compatibility, MCP tools, CLI commands, file structure, build checks, features, shortcuts, and roadmap status. The breadth can be overwhelming, and the repeated “first” claims read more like launch copy than decision help, but technical caveats are not hidden.

OpenPencil deserves a weekend trial for developers who want agents to participate in design work and keep the artifact in Git. It does not yet deserve an unqualified migration recommendation. Use a packaged prerelease, retain source designs and exports, test collaboration under real network conditions, and make sure a conventional tool can take over if the young stack breaks.

Alternatives

ProjectWhat it isPick it when
PenpotA mature open-source interface design and prototyping platform built around web standards.pick this instead when collaborative product design, browser-based team workflows, and a longer operating history matter more than native AI agents.
FigmaThe dominant hosted interface design platform with a deep collaboration and plugin ecosystem.pick this instead when client compatibility, polished multiplayer editing, and established design handoff outweigh open-source control.
tldrawAn extensible infinite-canvas SDK and whiteboard with strong browser embedding support.pick this instead when you are building a custom collaborative canvas and need an editable SDK more than a ready-made UI design application.

What people are saying

  1. [github-trending] ZSeven-W/openpencil

Sources

  1. OpenPencil README
  2. OpenPencil v0.8.3 prerelease
  3. v0.8.3 source build failure
  4. OpenPencil releases