Launching January 2026 · Get early access to the beta by joining the waitlist.
One spec. Any framework.
Coral is a platform for building and managing design systems with a single source of truth. Build in code or design, and keep your systems in sync.
Coral treats components as structured data. Document styles, variants, more in one place.
Output to HTML, React, Vue, and more. Migrate frameworks or tools quickly.
Work in design or code. Sync your components back and forth between Figma and code.
Design and code diverge. Every change becomes two tickets, two reviews, and a QA cleanup.
Your system is rebuilt every time tools change. Figma, frameworks, theming, all tightly coupled.
Specs get interpreted. Edge cases live in Slack. Consistency becomes tribal knowledge.
Most teams accept this as normal. It isn’t.
Build your components in our visual editor, Figma or code. Use our plugin to sync your components back and forth between Figma and code.
Manage the variants, props, and breakpoints of your components and keep them in sync with your design system.
Your design system is your own. Migrate frameworks or tools quickly by using Coral libraries and plugins.
A collection of open source packages to help you build your design system.
Core types, schemas, and utilities for the Coral UI specification format.
Coral lets components flow between Figma, Coral, and code without rebuilds. Migrate frameworks or tools without rewriting your system.
Import your existing components from Figma, React, or HTML. Coral parses the structure, variants, and props automatically.
Check your components for accessibility issues and linting errors before they even reach production.
Design Tokens live in the Coral spec file and can be used to style your components and keep your Figma and code in sync.
Say goodbye to vendor lock-in. Your design system is JSON files. Integrate with new tools and frameworks without rewriting your system.
No proprietary formats. No database lock-in. Just JSON files you can version in Git, publish to npm, or drop into any project.
Using our plugin, you can sync your Figma components back and forth between Figma and code. One source of truth, multiple owners.
Reference tokens directly in your component styles. Switch contexts—light mode, dark mode, brand themes—and watch everything update.
Early access priority for Staff FE and Design Systems Leads. Limited spots.
Coral is a project by Really Good Work - a design engineering consultancy. We help teams build design systems, component libraries, and get design and dev teams to actually collaborate.
We're looking for feedback from the community, and for early adopters to help us shape the future of Coral UI. If you think Coral UI would be a good fit for your team, or you'd like to support us, we'd love to hear from you.
