“Join Figma designer advocate, Ana Boyer and OpenAI product designer, Ed Bayes as they talk through roundtripping between code and canvas.”

Figma explains how its new MCP server lets Codex generate Figma Design files from live code and, in the other direction, use Figma frames as structured context for agentic code generation.

Ed Bayes from Open AI shared a 2 minute demo of using the Codex desktop app’s Figma skill to turn designs into front-end code with 1:1 visual parity, including all CSS classes and styling.