OpenAI Developers
@OpenAIDevs
Code → design → code Generate design files from code, collaborate in @Figma, and implement updates all within Codex without breaking your flow. https://t.co/OXdfoy5mXS
157retweets
View on XCodex Now Connects to Figma for Bidirectional Code-Design Workflows
· Updated
Codex, OpenAI's agentic coding desktop app, now integrates with Figma through the Figma MCP server — supporting movement in both directions. Going design-to-code: copy a Figma frame link, pass it to Codex with a prompt, and the
get_design_context tool extracts layouts, styles, and components for code generation. Going code-to-canvas: ask Codex to send your running app to Figma, which captures live UI screenshots and turns them into fully editable frames.This closes the loop that's been missing in most dev/design workflows. Designers can take the working UI into Figma, add design system components, adjust interactions, and annotate — then the changes come back to Codex for implementation. No manual recreating screens from browser, no disconnected handoffs.
Install the Figma MCP server directly in the Codex desktop app to get started.
