OpenAI unveils GPT-4o Studio with built-in design primitives

AI · 5 min read

OpenAI today announced GPT-4o Studio, a variant of its GPT-4o family tuned specifically for user interface generation and design system awareness. The model ships with a set of learned “design primitives” — layout, typography, spacing, and accessibility tokens — that allow it to generate consistent, exportable UI code and component sketches from high-level prompts.

GPT-4o Studio includes direct export plugins for Figma, CSS-in-JS (Emotion, Styled Components), and a React/Flutter component generator that preserves naming and token references for popular design systems. OpenAI says the Studio model tracks state across iterative prompts so teams can refine a screen in multiple passes without losing prior structure.

Privacy and provenance are emphasized: outputs include metadata tying generated components back to the prompt history and allowed training sources. OpenAI also released a self-hosted inference option for enterprise customers with strict data governance needs, positioning the model as part of a designer-developer handoff pipeline.