As design software has moved closer to bridging the gap between design and developer roles, there is still a human element needed to bring a concept to production. However, some processes, such as the presentational layer, can be automated, leaving more complex logical issues to be resolved.
Coral UI is a library that facilitates bidirectional conversion between design and code, allowing design to be managed in version control. When a designer modifies a component or variable, the change automatically reflects in codebases. Conversely, changes made in code are mirrored in the design software. This seamless synchronization ensures consistency and efficiency in the development process.
Features
We’re currently focused on building out the core functionality and a robust ecosystem of plugins. When we’re done, we’ll be releasing a plugin for Figma and a CLI tool that will allow you to sync your Coral UI files to your codebases.
HTML
Turn your HTML markup to a Coral file, or convert a Coral file to repeatable, semantic, accessible code.
Figma
Turn your designs into Coral Files and use Coral files to import components directly to Figma.
React
Turn a JSX or TSX file into a Coral file. State and methods included. Write React components directly from a Coral file as well.