OpenAI announced a partnership with Figma to integrate Codex into the design platform, enabling automatic conversion of code into visual design components [source]. The collaboration allows developers to paste code snippets directly into Figma, where Codex interprets the structure and generates corresponding design elements.

The integration supports multiple programming languages and frameworks, translating HTML, CSS, React, and Swift code into Figma layers and components. According to the announcement, the feature aims to reduce friction between engineering and design workflows by eliminating manual recreation of UI elements.

OpenAI stated the partnership leverages Codex's code understanding capabilities to parse syntax and infer visual hierarchy. The system generates design tokens, spacing, and typography based on code structure. Figma users can then modify the generated designs using standard editing tools.

The announcement did not specify which version of Codex powers the integration or detail accuracy benchmarks for code interpretation. No information was provided about handling edge cases, deprecated syntax, or custom component libraries.

This marks OpenAI's expansion beyond text and image generation into design tooling. The partnership follows similar integrations by other AI providers targeting creative software workflows. Figma has previously integrated AI features for auto-layout and content generation.

The feature is described as available to Figma Professional and Enterprise users. OpenAI did not disclose pricing structure or whether Codex API usage incurs separate charges. The announcement included demonstration videos showing conversion of React components into Figma frames, though independent verification of output fidelity was not available at publication time.