With Codex to Figma, teams can bring real, running interfaces into Figma to explore, refine, and make decisions together, then bring it back to Codex with design context intact.

Figma is a collaborative interface design tool that enables teams to create, prototype, and collaborate on digital designs in real-time. From their blog, readers can learn about user interface design, design systems, and prototyping techniques. With documentation, tutorials, and design resources, Figma empowers designers and developers to create beautiful and functional user experiences.

Figma

Figma has launched a beta MCP server that connects Figma directly to OpenAI's Codex desktop application, enabling a bidirectional workflow between design and code. Developers can extract design context from Figma files (layouts, styles, components) and pass it to Codex for code generation. Conversely, running UIs can be captured and pushed back into Figma as editable frames using the `generate_figma_design` tool. This roundtrip workflow lets teams iterate in code, refine in Figma, and sync changes back without manual recreation, supporting a fluid design-to-production process.

Building frontend UIs with Codex and Figma