Skip Figma.
Design on your running app.
Stop drawing mockups. Prompt your agent to build; review every route live on one canvas.
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 — all work today. Add pages, capture screenshots, reorganise — from your terminal.
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.
Share LinksComing soon
Share a link. Get feedback.
Your stakeholders don’t need to install anything. Share a link — they see every screen with full spatial context and can pin comments directly on them.
Mac users create. Everyone reviews.
Spacing on the pricing card feels tight at tablet width.
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. Four tools your agent calls from your terminal.
$ npx design-canvas-mcp
✔ Connected to Design Canvas v2.1.67
> 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 savedHow it works
See the canvas update as your agent changes the code
Build your app
With any tools — Cursor, Claude Code, Bolt, your IDE.
Run it locally
Start your dev server. Any framework, any port.
Open Design Canvas
Every page appears as a frame on one infinite canvas.
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
Is this a Figma-to-HTML converter?
No. It renders HTML you've already built. Works with Anima, Pixso, Locofy, or hand-coded HTML.Windows / Linux?
Mac only for now. Join the waitlist.Does it work with my dev server?
Any dev server that serves HTML on localhost — Vite, Parcel, Netlify Dev, Live Server, Python's http.server.
Ready to see your app?
Download Design Canvas. Point it at your dev server. Every page appears, live, on an infinite canvas.