Building frontend UIs with Codex and Figma | OpenAI Developers
Feb 26, 2026

Summary
This post introduces the integration of Codex with Figma via the Figma MCP server, enabling bidirectional UI generation. It details how to extract design context from Figma files (designs, makes, FigJam) to inform Codex for code generation, and conversely, how to render live UIs and convert them into editable Figma frames. This enhances the agentic execution environment by allowing agents to directly interact with and generate UI elements based on design specifications and to iterate on code-generated UIs within a design context.
More from the Agentic Execution Environment trail
- Bringing my LED display to life with GPT-Live-1 and Codex | OpenAI Developers
- Rethinking skills and prompts for GPT-6 Astra | OpenAI Developers
- Meet Rosalind Workbench: Empowering every scientist to be their own research team | OpenAI Developers
- Automating repetitive work at OpenAI with Codex
- Codex as a platform: build on the open agent harness | OpenAI Developers