#32 · Primary category： AI Design & Prototyping
openpencil
The world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
Project last updated：08/29/26
GitHub Stars
5.7K
Forks
496
Contributors
14
License
MIT
Why we included this project
OpenPencil is an open-source vector design tool built around the idea that you should be able to describe a UI in plain language and watch it appear on an infinite canvas. Once the interface streams in, you refine it by selecting elements and chatting, and an agent orchestrator divides the page into sections like hero and footer so multiple agents render them in parallel. The design-as-code core keeps the result practical: designs live as human-readable, Git-diffable JSON files, and you can export to React + Tailwind, HTML/CSS, Vue, Flutter, SwiftUI, or Jetpack Compose from one source. A built-in MCP server lets Claude Code, Codex, or OpenCode read and edit those files from the terminal, which fits developers who prefer to review design changes as code. The desktop app, CLI, and embeddable web viewer mean a small team can use it standalone or slot it into an existing workflow.
Articles for this project
No articles for this project yet.
To suggest a topic or contribute an article, contact us.
Related projects in this category
open-design
Open-source Claude Design alternative: local-first desktop app turning coding agents into a design engine for prototypes, landing pages, dashboards, slides, images, and video, with file exports (HTML, PDF, PPTX, MP4).
impeccable
The design language that makes your AI harness better at design.
gradio
Build and share delightful machine learning apps, all in Python. 🌟 Star to support our work!
tldraw
Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.
next-ai-draw-io
A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.