Free
$0per month20 monthly credits, unlimited viewer seats and unlimited connected repos. Official source 1 ↗
Reviewed tool profile
Dessn
Design canvas that runs your real app from its codebase, so teams prototype and audit with production components.
Sources checked
- Pricing
- Freemium. Free costs $0 a month with 20 monthly credits, unlimited free viewer seats and unlimited connected repos. Pro is $30 per editor a month with 100 monthly credits, top-ups and the MCP for Claude Code, Codex and Cursor. Enterprise is custom-priced with SSO/SAML, custom limits and models, and dedicated support. Official source 1 ↗
- Available as
- Works with React, Vue.js, Electron and React Native apps connected through GitHub or GitLab; you design on Dessn's canvas without opening an IDE. · Pro adds an MCP connection for Claude Code, Codex and Cursor, so a coding agent can open any Dessn prototype and its code. Official source 1 ↗ Official source 1 ↗
- Primary group
- Coding & Development
Also consider
See all 6 similar tools ↓What it does
Dessn, from Dessn Inc, turns a product team's existing codebase into a shared design canvas. You connect a GitHub or GitLab repository, Dessn compiles the app and pulls its real pages onto the canvas, and designers, PMs and engineers explore, prototype and QA changes using the app's own components and design system, without opening an IDE. Its design agent and an MCP server let Claude Code, Codex or Cursor open the same prototypes and the code behind them.
Official source 1 ↗ · Official source 2 ↗ · Official source 3 ↗Features
- Production app on a canvas. Every page and state of your running app is pulled onto a canvas that stays in sync with production, so the team can view whole user flows and fix what drifted. Official source 1 ↗
- Prototypes with your real components. Ideas are explored in the production codebase with perfect fidelity to the app's design system, and the canvas is collaborative and shareable. Official source 1 ↗
- Design-system audits in one prompt. Dessn can audit the whole product in one prompt to find inconsistencies, and automate design-system work. Official source 1 ↗
- Quick repository setup. Connect a repository in one click; Dessn learns routes, components and the design system automatically, and the first page is usually ready in minutes. Official source 1 ↗
- MCP for coding agents. From Claude Code, Codex or Cursor you can view canvases, prototypes and their code, create flowcharts, prototypes or comments, and approve Dessn's work from the terminal. Official source 1 ↗ · Official source 2 ↗
- Read-only, no training. Dessn asks for read-only access to approved repositories, never pushes code back, can be limited to specific repos or monorepo folders, and does not train on your code, prompts or outputs. It is SOC 2 Type II compliant. Official source 1 ↗ · Official source 2 ↗
Pricing & free limits
Pro
$30per editor / month100 monthly credits with top-ups, sync with production anytime, pull in any page from prod, and the MCP for Claude Code, Codex and Cursor. Viewer seats stay free. Official source 1 ↗
Enterprise
Custom pricingcontractFor larger organisations: SSO and SAML, SOC 2 and security review, custom limits and models, dedicated support. Official source 1 ↗
Billing details
Pro is billed per editor; viewer seats are free on every plan, and credits can be topped up at any time on Pro. Official source 1 ↗
Code, prompts and outputs are never used to train AI models on any plan, including Free. Official source 1 ↗
Free access & limits
The Free plan includes 20 credits a month, unlimited viewer seats and unlimited connected repositories; the MCP for coding agents is listed on Pro. Official source 1 ↗
Best for & limitations
A product designer explores a new screen or flow inside the real app, with its existing components, instead of redrawing it in a separate design file. Official source 1 ↗
A design-system lead audits the whole product for drift, such as tables that differ across pages, and fixes inconsistencies. Official source 1 ↗
A team hands a finished prototype to Claude Code, Codex or Cursor so the agent builds from the real code behind the design. Official source 1 ↗
- Needs an existing codebase. Dessn is built for product teams with an existing app; it is not a tool for starting a design from nothing. Official source 1 ↗
- Limited stacks and Git hosts. Only React, Vue.js, Electron and React Native apps are supported, connected through GitHub or GitLab. Official source 1 ↗
- Agent MCP is a Pro feature. The MCP for Claude Code, Codex and Cursor is listed on the $30 per editor Pro plan, not on Free. Official source 1 ↗
Similar tools
Tools like Dessn
Published tools that share its categories.
FreebuffFree, ad-supported AI coding agent for desktop, mobile, terminal and web.
Visit x1AI app studio for planning, designing, building, testing, and publishing iPhone apps.
Visit JBOXTurn a prompt into a connected, production-ready Next.js application.
Visit 
ColdteaControl layer for AI-written software: map every pull request, test the flows it touches with agents and watch it in production.
Visit 
Greta.shAI app builder that turns a plain-language description into a deployed website or full-stack web app.
Visit 
FlockbayFree AI game maker on Godot: an agent builds, runs and fixes your game, then cuts trailers and drafts your Steam page.
Visit