Turn code into designs your whole team can edit by connecting Codex to the Figma canvas

Install the plugin

code into designs is the one direction nobody asked to automate but here we are

Codex on the canvas is genuinely impressive. But the three suggested integrations at the bottom tell the real story. Linear. Messaging. Files. Figma isn't becoming an AI design tool. It's becoming the product operating system that happens to have a canvas in it. Different product entirely. Not sure every design team is ready for what that actually means for their workflow.

Has anyone found this beneficial? I don’t to waste my tokens I want to see if it’s already in code why don’t I just prompt codex?

🎨 + 👨🏻‍💻 = 🛸🚀

designersAreCookedCount++

This is the kind of bridge teams actually need, as long as the canvas stays editable instead of becoming a screenshot of code decisions.

code → design in figma is the interesting direction. most ai design tools go the other way. starting from code means whatever the dev built is the source of truth. design becomes the editor, not the originator

every new figma feature is another panel to close before you can actually design.

👀

The future of design might just be editing instead of creating from scratch.

This is actually bullish

@DiligentPlane DOPE

the product OS framing is sharp. the integrations are the real tell - Codex + Linear + Messaging + Files isn't a design workflow, it's a product team workflow. the canvas just happens to be where it all converges.

I love you so so so so much Figma

This is fucking awesome

X

tried this yesterday and the mcp tool calling was rate limited after 1 try

What about the other way around?

now designers can screw up my code in real time

it’s not the best rn but it gets close

ok but the real challenge is making sure the code patterns are actually clean enough for collaborative design.

The sync direction is the real challenge. Generating Figma from code is one-shot — but keeping designs in sync as code evolves is the hard part. Curious if this handles live updates or it's generate-once.

figma cooks again

Can’t wait for my Figma file to have more AI agents than actual design elements.

@miggi 1. Fix your canvas (html, css) no open gl. 2. Allow me to prompt vectors 3. Ignore code And you will win.

Could figma be used in our software ?

The gap between design and code just got a lot smaller, this is what teams have been waiting for

So, with an MCP call threshold you adjusted, I can design a total blank page using Codex. Thank you for making MCP impractical under these tight limitations.

This is the kind of bridge that makes AI coding feel less isolated. If design and code can round-trip cleanly, teams will actually trust the workflow more.

very cool