OpenAI releases Code-Designer: model that generates component code from design layers

AI · 6 min read

Code-Designer can parse layered files exported from design tools and generate componentized code that preserves layout semantics, token usage, and accessibility attributes. The model produces idiomatic code, splitting concerns into presentational components and layout primitives.

OpenAI provided CLI tools and IDE plugins to preview generated components and sync changes back to design tokens. Outputs include tests for rendered snapshots and a small manifest that maps design layers to file paths for traceability.

Developers praised the pragmatic focus on maintainable output, noting the company prioritized patterns that fit into existing engineering workflows rather than perfect pixel parity. OpenAI reiterated that outputs are drafts that should be reviewed and refactored by engineering teams.