OpenAI publishes 'Schematic' model for code-aware design handoff

AI · 4 min read

Schematic focuses on the handoff between design and engineering by translating design tokens, layout constraints and component structure into clean, idiomatic code for multiple platforms. It can respect a team’s style guide and produce annotated diffs for pull requests.

In demos, Schematic ingests a Figma file and emits a project scaffold with responsive components, tests, and README documentation explaining interaction assumptions. OpenAI also highlighted the model’s ability to infer accessibility behaviors, generating ARIA attributes and keyboard navigation plans.

OpenAI is offering Schematic as an API with enterprise controls to lock model updates and to allow teams to upload private style guides. They plan to release a Figma plugin and a VS Code companion extension to streamline iteration between designers and developers.