OpenAI and Figma announced a direct integration on February 26 that lets Codex read Figma design files and generate production-ready code from them. The bridge is Figma’s MCP (Model Context Protocol) server, which acts as a data gateway between the two tools. It’s live today for all Figma users across every plan tier.
How the New Workflow Works
Developers connect Codex to Figma’s MCP server, typically inside an editor like VS Code. Once connected, Codex can pull design data directly from Figma files, including layouts from Figma Make and boards from FigJam, and translate that into code. The flow works in both directions: you can start with a design in Figma and generate code, or start in Codex and jump back into Figma to refine the design. No manual re-creation or copying specs between tabs.
Codex already crossed one million weekly active users, according to OpenAI. The company launched a dedicated macOS app for Codex earlier this month, and this Figma integration extends what that app can do beyond standalone code generation.
The Bigger Pattern Here
This is the second major AI coding partnership Figma has struck in a week. On roughly February 19, Figma announced a similar integration with Anthropic to bring Claude Code into design workflows. Two of the biggest AI coding tools now connect directly to Figma’s MCP server, and that server is open to any MCP-compatible tool that wants to plug in. The design-to-code gap that teams have patched with screenshots and redline specs for years is getting a lot of direct attention right now.