Design & UI
Design tools and canvases — including tools that hand back real, editable code.
This category covers the surfaces where interface design happens, with a bias toward tools that connect design and build rather than leaving a handoff gap. Several are canvases that emit real code or that AI coding agents can read and write directly.
5 resources.
5 of 5
-
Onlook
Design canvas
Open-source 'Cursor for designers': visually edit a live Next.js/Tailwind app, writes code back.
Best for Designing on a canvas that hands back real code.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Edits real code, not a design file, which suits a no-CMS model.
- Open Source
- Open source
- Desktop
- Desktop app
-
OpenDesign
Design canvas
Apache-2.0 agent-driven design daemon; BYOK any model.
Best for Designing on a canvas that hands back real code.
- Verified Sep 2026
More
Why it's here Could not verify a public GitHub repo at the paths cited; treat as early.
Less suited to Could not verify a public GitHub repo at the paths cited.
- Open Source
- Open source
- Desktop
- Desktop app
-
Paper (paper.design)
Design canvas
Agentic design canvas w/ MCP; works with multiple agents, real content from DBs/CMS.
Best for Designing on a canvas that hands back real code.
- Verified Sep 2026
More
- Freemium
- MCP
- Desktop
- MCP
- Desktop app
-
Pencil (pen.dev) — DESIGN CANVAS IN IDE
Design canvas
Figma-like infinite canvas in VS Code, Cursor or a desktop app; design files live in the repo and AI coding agents can read and write the canvas via a local MCP, so manual edits cost no tokens.
Best for Designing on a canvas that hands back real code.
- Verified Sep 2026
More
Why it's here A design canvas that AI coding agents can both read and write, with manual edits costing no tokens. Trade-offs: closed-source, no autosave, currently free.
- Freemium
- MCP
- CLI
- Desktop
- VS Code
- MCP
- CLI
- Desktop app
-
Penpot
Design canvas
Open-source Figma alternative; design tokens native; has MCP/plugin ecosystem.
Best for Designing on a canvas that hands back real code.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Mature Figma replacement, but agent integration is weaker than Pencil.
- Freemium
- Open source
- MCP
- Desktop
- MCP
- Plugin
- Desktop app
No resources match these filters. Clearing a filter usually widens the results.
Compare tools for a job
Compare tools for design canvases an ai agent can read and write 4 options
| Option | Maintenance | Cost | Access |
|---|---|---|---|
| Pencil (pen.dev) | Closed-source; active, ~100k users | Free during early access; requires a Claude Code subscription. | Manual setup, desktop app |
| Paper (paper.design) | Active SaaS | Free tier; Pro $16/mo | Manual setup, desktop app |
| Onlook | OSS, last commit Jul 2026 | Free self-host | Manual setup, desktop app |
| Penpot | OSS, daily commits | Free | Manual setup, desktop app |