Figma now connects directly to OpenAI's Codex via the Figma MCP server, creating a bidirectional pipeline between generated code and the Figma canvas.
The workflow moves in both directions: Codex-generated code imports into Figma for visual iteration, and design changes export back to code. That two-way sync is the core mechanic worth understanding, not just the import step.
The technical foundation is the Figma MCP server, documented at developers.figma.com/docs/figma-mcp-server. If you are building AI-assisted design or code generation workflows, that spec document is where the real implementation detail lives.
[WATCH ON YOUTUBE →]