Coherent

Coherent is an open-source AI design tool for building connected, multi-page products directly in code. It is aimed at founders, designers who ship, product teams making demos, and developers who want a Next.js foundation. Choose it for a new product that should share one design system across every page; look elsewhere if you need to retrofit an established codebase.

Overview

Coherent turns a prompt into interconnected pages, shared components, and an evolving design system. Its output is a clean project built with Next.js, Tailwind CSS, and shadcn/ui, so it can function as a prototype, a developer handoff, or the basis of a frontend. That code-first result is more useful for implementation-oriented teams than for anyone seeking only a visual screen generator.

Edits to shared components and design tokens can flow through the whole product, with design-system.config.ts providing an editable source of configuration. The MIT license keeps the workflow open and permits unlimited projects under its sole plan.

Key features

Multi-page generation and design control

Coherent generates multiple connected screens instead of isolated concepts. Ten prebuilt atmospheres provide starting directions, while teams can define their own design-system foundation. Shared tokens make a change to spacing, color, or other system values a product-wide decision rather than a page-by-page chore.

Code and AI-editor context

The generated Next.js, Tailwind CSS, and shadcn/ui project is a tangible handoff for developers and can be used as a frontend starting point. .cursorrules and CLAUDE.md files give Cursor, Claude Code, and other AI editors project context, reducing the gap between generated design and subsequent coding work.

Agents, import, and export

Its MCP server lets agents validate code, read tokens, extract a design system from a URL, or apply a DESIGN.md file. Coherent can import that file and export tokens as W3C DTCG JSON, CSS variables, or Tailwind configuration. Direct Figma token import is not supported, so Figma-centered teams need an intermediate workflow.

Model costs and security

Anthropic Claude and OpenAI GPT are supported through your own API key; typical model usage is estimated at $0.01–$0.03 per page. Keys stay locally in .env, calls go directly from your machine to the provider, and Coherent has no servers. That is a clear privacy advantage, while the per-page provider cost remains your responsibility.

Existing-code limitation

Coherent does not yet provide a full retrofit into an existing codebase. Its extractor and MCP validation can work alongside other projects, but teams with a mature application should not expect an automatic conversion of that application into Coherent's structure.

Pricing

Open source — free

Billed forever, this plan includes everything: unlimited projects, all 10 atmospheres, more than 40 validators with auto-fix, and the ability to bring your own LLM key. There is no separate trial period because the product is free from the outset. The main ongoing expense is the model provider's usage, estimated at $0.01–$0.03 per page. For founders, designers, and developers who can manage their own keys, this is unusually unrestricted; there is no paid tier offering extra capacity or a hosted alternative.

Platforms

Coherent supports Linux, macOS, and Windows.

Who it's for

It is a strong fit for founders building a multi-page prototype, designers who want their work to become code, product teams preparing a demo, and developers seeking a Next.js project with a working design system. It is a weaker choice for teams that need direct Figma token import or a turnkey migration of an existing application.

Pros and cons

Pros

• Shared system across pages: token and component changes can propagate through a multi-page product.
• Useful code output: Next.js, Tailwind CSS, and shadcn/ui make the result suitable for prototypes, handoff, or a frontend start.
• Complete free plan: unlimited projects, every atmosphere, and 40+ auto-fixing validators cost nothing beyond model usage.
• Local key handling: API calls run from the user's machine and Coherent operates without servers.
• Agent interoperability: MCP validation, URL extraction, token reading, and DESIGN.md application extend the workflow beyond initial generation.

Cons

• No full retrofit: existing codebases cannot yet be converted wholesale into Coherent.
• No direct Figma token import: Figma-based systems require another path into the project.
• User-funded model calls: Claude or GPT usage needs your own API key and adds an estimated per-page cost.
• Community support: help runs through GitHub Issues and Discussions rather than a dedicated support channel, although issue replies usually arrive within 24 hours.

Alternatives

Choose UXPin instead if you need a freemium product spanning Android, iOS, macOS, web, and Windows, with a 14-day trial and a limited free plan capped at two prototypes and 50 AI credits.

Paper suits teams wanting browser and extension access, unlimited viewers and editors, and 100 weekly MCP tool calls on its free plan.

Figma Make is the alternative when a Figma-centered workflow and daily or monthly AI-credit plans matter more.

pen.dev is preferable if you want agent-day and image/SVG-generation quotas, including a free allowance of five agent days per month.

Starry is an option for a downloadable cross-platform tool whose AI chat uses your own provider API key.

Relume fits a web and extension workflow with a free plan limited to one project, one page, and capped Webflow and React components.

Visily is better for a conventional visual-design workflow with 300 AI credits per month on its free Starter plan.

UX Pilot is the alternative when you need an enterprise option with API access, SSO, team controls, and design-system integration.

For a wider comparison, see AI UI Design Generators.

Verdict

Coherent is an excellent choice for a new multi-page product that needs consistent tokens, connected screens, and usable Next.js code without a subscription. Its decisive advantages are the unrestricted MIT-licensed plan, shared design-system controls, and agent-friendly exports. Look elsewhere if your priority is importing Figma tokens directly or bringing an existing codebase into the system wholesale.