Coherent

Coherent is an open-source design tool for founders, designers and developers building a multi-page product that should carry through into code. Its strongest case is a new project shaped around shared components and tokens; teams retrofitting an existing codebase should look elsewhere.

Overview

Coherent generates connected product pages and a shared, editable design system as a Next.js project built with Tailwind CSS and shadcn/ui. The output can serve as a prototype, a developer handoff or a frontend starting point, making it more useful to teams moving toward implementation than to those seeking isolated mockups.

Shared components and tokens propagate changes across pages, with design-system.config.ts as the editable configuration. The MIT license and an open-source plan mean the workflow is not gated by project or atmosphere limits.

Key features

Pages built around one system

Coherent offers 10 prebuilt atmospheres and lets users define their own design-system foundation. Keeping pages tied to shared components and tokens can reduce inconsistency as a product grows. This is a practical advantage for multi-screen work, though it depends on starting within Coherent rather than importing an existing application wholesale.

Code and AI-editor context

The generated Next.js, Tailwind CSS and shadcn/ui project gives developers code to continue from, rather than only a visual artifact. Coherent adds project context for Cursor, Claude Code and other AI editors through .cursorrules and CLAUDE.md. It supports Anthropic Claude and OpenAI GPT with the user's own API key; typical model costs are estimated at $0.01–$0.03 per page. Those costs are separate from the free plan and depend on model use.

Agent and token workflows

Its MCP server lets AI agents validate code, read tokens, extract a design system from a URL or apply a DESIGN.md file. Coherent can also import DESIGN.md and export tokens as W3C DTCG JSON, CSS variables or Tailwind configuration. That makes it useful alongside other projects, even though full retrofit into an existing codebase is not supported. Direct Figma token import is also not supported, so teams relying on that route will need another workflow.

Local API-key handling

The project README says API keys are stored locally in .env, and AI calls go from the user's machine directly to the provider; Coherent has no servers. That is a relevant distinction for teams evaluating where model requests and credentials are handled.

Pricing

Open source: free, billed forever. The plan includes everything, unlimited projects, all 10 atmospheres, 40+ validators with auto-fix and bring-your-own-LLM-key access. There is no paid tier or free-trial transition to weigh against those limits. Users still supply their own model key and bear typical per-page model costs, so free software does not mean unlimited model usage at no cost.

The plan includes prompt-to-UI generation, design-system support, multi-screen generation and code export. It is a strong fit for individuals and teams willing to work with their own API provider; buyers seeking a managed, paid plan should consider other tools.

Platforms

Coherent is available for Linux, macOS and Windows. Its support channels are GitHub Issues for bugs and feature requests and GitHub Discussions for questions; issue responses usually arrive within 24 hours.

Who it's for

Coherent suits founders building multi-page prototypes, designers who ship code, product teams preparing demos and developers who want a Next.js starting point with a design system. It is a better match for a product being built from the ground up than for a team whose main task is adapting an established codebase or importing Figma tokens directly.

Pros and cons

• Pros: Shared tokens and components carry changes across pages, which helps keep a multi-page product coherent.
• Pros: Code export, AI-editor context and agent validation connect design work to implementation.
• Pros: The forever-free MIT-licensed plan includes unlimited projects, every atmosphere and validators with auto-fix.
• Cons: Full retrofit of an existing codebase is not supported, limiting its fit for teams with an established application.
• Cons: Direct Figma token import is unavailable, and users must bring an API key and pay their model provider's costs.

Alternatives

UXPin is worth considering for users who want a free plan with 2 prototypes and 50 AI credits after a 14-day trial, rather than Coherent's code-and-token workflow.

Paper may suit teams that prioritize unlimited viewers and editors and 100 weekly MCP tool calls on its free plan.

pen.dev offers a free plan capped at 5 Agent days per month, 25 image and SVG generations per month and one agent at a time; choose it if those limits suit your agent workflow.

Starry is another free-to-download option with no subscription required; its AI chat requires the user's own provider API key.

Figma Make offers a Starter plan with 150 AI credits per day and 500 per month, making it a relevant alternative for users comparing credit-based access.

Relume may fit a smaller site-building task: its free forever plan allows one project and one page, with read-only sharing and 30 Webflow and 30 React components.

UX Pilot is an alternative for teams seeking an enterprise API, SSO, team access controls and design-system integration on its Enterprise plan.

Visily offers a Starter plan with 300 AI credits per month, standard AI design and limited boards and elements; it is an option for users who prefer a monthly credit allowance.

For a broader set of tools in the category, browse AI UI Design Generators.

Verdict

Choose Coherent if you are starting a multi-page product and want connected design tokens, AI-assisted generation and exportable frontend code without a subscription. Its open-source plan is unusually complete for that purpose. Look elsewhere if your priority is retrofitting an existing application or bringing Figma tokens straight into the workflow.