OpenAI releases CodeDesign, a model trained specifically to generate UI code and prototypes

AI · 6 min read

OpenAI unveiled CodeDesign, a model family fine-tuned on paired design-to-code datasets and real-world frontend repositories. The model outputs clean, componentized React, SwiftUI, and Flutter code and is explicitly tuned to preserve accessibility attributes and responsive behaviors.

CodeDesign includes a visual diff feature that compares generated code to the input mockup and highlights accessibility gaps, such as missing landmarks or poor color contrast. The release also provides plug-and-play integrations for Figma, Sketch, and Adobe XD that allow designers to export frames into a coding pipeline with one click.

OpenAI is offering CodeDesign via API with developer tooling for design teams: a live preview server, code linters, and adapter libraries for design tokens. The company says the model reduces handoff time by up to 60% in internal benchmarks but recommends human review for production-level interaction logic.