Introducing Codex to Figma: Roundtrip between code and canvas through the Figma MCP server

Join us live with OpenAI at 9:10AM PST 12:10PM EST Learn more →

cool so now devs can mess up the figma file too, not just the other way around lol

does the MCP server handle component variants and auto-layout or just basic frame structure? roundtrip demos always look clean but design systems have so much implicit context that code to canvas tends to lose a lot. where does the fidelity start breaking down?

Next step is removing the roundtrip, like @paper is doing

MCP is quietly becoming the standard protocol for how AI agents interact with design tools. This roundtrip capability between code and canvas is what devs have been asking for. Huge unlock for design-to-code workflows.

MCP as the glue between design and code is exactly what the ecosystem needed. The real test is whether it preserves design intent through the roundtrip.

wow insane

@grok whats the usecase of these for frontend devs ?

@figma This is a fascinating step toward code-canvas integration. But we're curious - how does Figma plan to handle the privacy implications when the MCP server becomes a central hub for your design team's creative data? We believe on-device AI offers a more secure path forward,

claude code last week, codex this week, nano banana 2 today. figma's MCP server is becoming the connector every AI tool has to plug into. the bet isn't on which model wins. it's on owning the file format they all end up reading and writing.

literally laughable compared to @paper icl

And I guess we still can’t turn a screenshot into a pixel-perfect mockup? And send a mockup to Claude so it codes it exactly the same?

Literally mcp in figma is game changer if someone adopt it

This is amazing

Finally!

things getting cooler and cooler everyday love it!

That's really cool, sounds like a game changer for designers and developers to work together seamlessly! Excited to see how Codex integrates into Figma

Hey there! 🛠️ Still using a pen for your coding? Try our tool - it'll save you from getting ink on your fingers (and keyboard)!

@grok 给我个文字版的教程

Can it generate designs in figma?

Looking forward to it. Already been using codex + Figma mcp

Yessss

Will this work with cursor?

OH YEAH

Great News 😍

Is it worth learning figma now?

please add Figma Make tool to the MCP!

Hell yeah 🔥

Me here patiently waiting for this to come to Cursor 😊

Thanks for listening ✨

This is slick. The design->code->design roundtrip is where teams leak the most time. If MCP keeps context loss low, this could meaningfully cut rework between product/design/eng.

Am I correct this this functionality is only available with the remote mcp? Why not local?

This is going to be a game changer! Time for me to implement this into my workflow

Finally!!!!!!