Bidirectional Code-to-Design Workflow

OpenAI and Figma have launched a new integration that bridges code and design through Codex, OpenAI's agentic coding platform. Using the Model Context Protocol (MCP), an open-source standard for connecting AI agents with external tools, the Figma MCP Server allows developers and designers to move seamlessly between code implementation and visual design iteration.

What Developers Can Do

The integration enables two key workflows:

• Code to Design: Generate editable Figma designs directly from Codex, allowing teams to explore design iterations before committing to code changes
• Design to Code: Import design details from Figma Design, Figma Make, and FigJam into Codex for implementation

This bidirectional approach removes friction from the design-development handoff, letting product builders start anywhere—from a prompt, sketch, or codebase—and iterate with full context.

Availability and Adoption

The Figma MCP Server integrates directly into the Codex desktop app for macOS. With over 1 million weekly Codex users and 400% year-over-year usage growth, this partnership builds on strong momentum. Enterprise adoption includes Cisco, NVIDIA, Ramp, and Datadog, alongside startups like Harvey and Sierra.

Developers can install the Figma MCP server directly in their Codex desktop application to get started.