Cohere launches CodeGen-UI to turn natural language into interactive prototypes

Design · 6 min read

CodeGen-UI is designed to bridge the gap between design explorations and hands-on front-end prototypes. Developers and designers can describe a component — e.g., “a compact, accessible date picker with keyboard nav and clear button” — and receive bundled code, test cases, and a Storybook story ready to drop into a repo.

The system supports theming via design tokens, and an inspector lets teams modify output parameters like animation timing and responsive breakpoints. Cohere also added a “production hygiene” pass that flags missing ARIA attributes, performance risks, and non-deterministic behaviors that need manual review.

Early customers reported a significant acceleration in prototyping cycles, though they emphasized the importance of code reviews. Cohere provided guidance on integrating the generator into CI pipelines so generated code can be linted and audited automatically before merge.