OpenPencil is an open-source, AI-native vector design tool where prompts turn into UI directly on a live canvas.
Follow OpenPencil to get an email when its listing changes, such as new pricing or features. One digest a day at most, and you can unsubscribe anytime.
Concurrent agent teams build different page sections in parallel, designs are stored as Git-friendly JSON .op files, and a built-in MCP server lets terminal coding agents read, create and modify designs.
- 01
Concurrent Agent Teams that decompose a page into sections and stream them in parallel
- 02
Built-in MCP server with one-click install into Claude Code, Codex, OpenCode, Kiro and Copilot CLI
- 03
Design-as-code: human-readable, diffable JSON .op files with design variables as CSS custom properties
- 04
Multi-platform code export to React + Tailwind, HTML/CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose and React Native
- 05
Desktop app for macOS, Windows and Linux plus an op CLI
Open Source
Free and open source under the MIT license; AI features use your own model provider keys or locally installed coding-agent CLIs.
Best for
Developers and design engineers who want to generate and iterate on UI with AI agents and export it straight to front-end or mobile code, without a proprietary design file format.
Not ideal for
Teams standardized on Figma's collaboration features or anyone who wants a hosted, zero-install browser app builder that also produces backend code.
A promising open-source bridge between AI-generated design and production code, notable for its parallel agent teams and MCP integration with mainstream coding agents.
Releases in the v0.8 series (August 2026) with continued active development on GitHub, including the op CLI, web SDK viewers, slide decks and a Chrome web-capture extension.
As of
Is OpenPencil free?+
Yes - OpenPencil is Open Source. Free and open source under the MIT license; AI features use your own model provider keys or locally installed coding-agent CLIs.
Is OpenPencil open source?+
Yes - OpenPencil is open source. Free and open source under the MIT license; AI features use your own model provider keys or locally installed coding-agent CLIs.
Who is OpenPencil best for?+
Developers and design engineers who want to generate and iterate on UI with AI agents and export it straight to front-end or mobile code, without a proprietary design file format.
Who is OpenPencil not ideal for?+
Teams standardized on Figma's collaboration features or anyone who wants a hosted, zero-install browser app builder that also produces backend code.
What are the best OpenPencil alternatives?+
The closest OpenPencil alternatives on ai.dosa.dev are Bolt.new, v0, Lovable - all listed under Browser-Based & App Builders.
Who makes OpenPencil?+
OpenPencil is developed by ZSeven-W. It is listed in the Browser-Based & App Builders category on ai.dosa.dev.
Favorite this tool to revisit it later, or Zap it to contribute to the public vote count.