Coherent
getcoherent.design
What it is
Coherent is an AI design method for building multi-page products whose pages share components and a growing design system. It generates a Next.js project using Tailwind CSS and shadcn/ui, suitable as a prototype, developer handoff, or frontend. Shared components and editable design tokens propagate changes across pages, with design-system.config.ts as the editable configuration. Users can choose from 10 prebuilt atmospheres or define their own foundation. Coherent supplies context for Cursor, Claude Code, and other AI editors through.cursorrules and CLAUDE.md files. It supports Anthropic Claude or OpenAI GPT using the user’s own API key; typical model costs are estimated at $0.01–$0.03 per page. Its MCP server can validate code, read tokens, extract a design system from a URL, or apply a DESIGN.md file. It can import DESIGN.md and export tokens as W3C DTCG JSON, CSS variables, or Tailwind configuration. Full retrofit into an existing codebase is not supported yet, and direct Figma token import is also not supported. Coherent is open source under the MIT license and available on Linux, macOS, and Windows.
Spec sheet
- What it does
- Coherent is an AI design method for multi-page products that generates interconnected pages with shared components and a growing design system.Read 3 Oct 2026 · getcoherent.design
- Security
- The project README says API keys are stored locally in .env and AI calls go directly from the user's machine to the provider; Coherent has no servers.Read 3 Oct 2026 · github.com
- Support
- The site directs bug reports and feature requests to GitHub Issues and questions to GitHub Discussions, and says issue responses usually arrive within 24 hours.Read 3 Oct 2026 · getcoherent.design
- License
- The product is described as open source under the MIT license.Read 3 Oct 2026 · getcoherent.design
- AI editors
- Coherent provides context for Cursor, Claude Code, and any AI editor through .cursorrules and CLAUDE.md files.Read 3 Oct 2026 · getcoherent.design
- AI models and cost
- It supports Anthropic Claude or OpenAI GPT using the user's own API key, and the site estimates $0.01–$0.03 per page in typical model costs.Read 3 Oct 2026 · getcoherent.design
- Atmospheres
- The site lists 10 prebuilt atmospheres and says users can define their own design system foundation.Read 3 Oct 2026 · getcoherent.design
- Design import/export
- Coherent can import a DESIGN.md file and export tokens as W3C DTCG JSON, CSS variables, and Tailwind configuration; direct Figma token import is not supported yet.Read 3 Oct 2026 · getcoherent.design
- Design system
- Shared components and editable design tokens propagate changes across pages, with a design-system.config.ts as the editable configuration.Read 3 Oct 2026 · getcoherent.design
- Existing projects
- Full retrofit into an existing codebase is not supported yet, though its extractor and MCP validation can be used alongside other projects.Read 3 Oct 2026 · getcoherent.design
- MCP
- Its MCP server lets AI agents validate code, read tokens, extract a design system from a URL, or apply a DESIGN.md file.Read 3 Oct 2026 · getcoherent.design
- Output
- It generates a clean Next.js, Tailwind CSS, and shadcn/ui project that can be used as a prototype, developer handoff, or frontend.Read 3 Oct 2026 · getcoherent.design
- Who it is for
- The site names founders building multi-page prototypes, designers who ship code, product teams needing demos, and developers seeking a Next.js starting point with a design system.Read 3 Oct 2026 · getcoherent.design
Plans and prices
Strong points and limits
Strong points
- Generates interconnected pages with shared components.
- Editable tokens propagate changes across pages.
- Includes 10 prebuilt atmospheres.
- Supports Claude or GPT with a user's API key.
- Free plan includes unlimited projects.
Limits
- Full retrofit into an existing codebase is not supported yet.
- Direct Figma token import is not supported yet.
- Typical model costs are estimated at $0.01–$0.03 per page.
Who it suits
Coherent suits founders building multi-page prototypes, designers who ship code, product teams preparing demos, and developers seeking a Next.js starting point with a design system.
Verdict
Coherent offers a free, open-source path from design method to a shared-component Next.js project. Its limits around existing-codebase retrofits and Figma token import matter for teams integrating with established workflows.
Where Specifiction places it
- AI UI Design Generators#9 of 228.0