A Figma-style canvas.
Driven by Bolt.
Every route of your running app, side by side. No drag-drop — Bolt writes the code, the canvas shows it live.
Free and open source. For macOS 14 and later.
Official Mac download: 0.6.2 (10). The source includes later changes.
Any AI Agent
Claude Code, Cursor, Conductor — drive the canvas with MCP
Your agent drives the canvas from your editor. Claude Code, Cursor, Codex, Conductor — use MCP to add pages and capture screenshots from your terminal. Capabilities vary by app and bridge version.
Multi-Viewport
Desktop, tablet, mobile — side-by-side
Render the same screen across every viewport at once. Catch the responsive break the AI missed before you ship.
I built Design Canvas because I wanted a Figma-like infinite canvas for the apps I'm building. One view to visually iterate, compare every screen, and design and code faster with AI — without leaving my editor.
Agent Control
Your AI agent controls the canvas.
Claude Code, Cursor, Conductor — any MCP-compatible agent drives the canvas through MCP. List pages, add routes and capture screenshots.
Example MCP workflow
$ npx design-canvas-mcp
> Tell Claude: "Add /settings and /billing to the canvas"
✔ list_routes → 12 routes available
✔ add_route → /settings at (1200, 400)
✔ add_route → /billing at (1600, 400)
✔ capture_canvas → screenshot savedCapabilities depend on your app and MCP versions. Check the repository for current source support; the Mac download may differ.
Bolt.new → Local → Design Canvas
Three steps from Bolt cloud to polished app
Export from Bolt
Click "Export to GitHub" in Bolt's UI. One click, new repo.
Clone and run locally
git clone your-repo, npm install, npm run dev.
Open Design Canvas
DC auto-detects localhost. Every route appears on the canvas. Polish with Cursor or Claude Code via MCP.
Your AI agent controls the canvasvia MCP
Add routes, capture screenshots, compare viewports — all from Claude Code or Cursor.
Or do it all directly in the app.
FAQ
Questions we hear a lot
Does DC work inside Bolt?
No — Bolt is cloud. DC is local. Export to GitHub first.Can I keep using Bolt after exporting?
Yes. Bolt lets you pull local changes back if you want to.Mac only?
The native app requires macOS 14 or later. You can browse the source on any platform.
Ready to see your app?
Point Design Canvas at your dev server. Every page appears, live, on an infinite canvas.
Free and open source. For macOS 14 and later.
Official Mac download: 0.6.2 (10). The source includes later changes. See the changelog and repository for version details.
