Loading video...

Video Failed to Load

Go Home

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.

106,201 views • 7 months ago •via X (Twitter)

20 Comments

Ilovesheeple's profile picture
Ilovesheeple7 months ago

@figma @github @code it's all so exhausting...

ashvinn's profile picture
ashvinn7 months ago

@figma @github @code for us that never was the problem, The problem was iteration between Make <->design. design->code always left Make and code out of sync and then design was overwhelmed to keep up.

Armin's profile picture
Armin7 months ago

I tried it yesterday on a project (Webapp for mobile devixes). I started by coding and then created a Figma design. However, if I’ve already built my screens using HTML and CSS, why should I revert to Figma? I don’t see the actual benefit. In the past, designing with Figma and making iterations was quicker. However, now I’m much faster working directly with Codex or Claude on Live Code. I See Instant the result, can Test in a real Browser etc. Maybe anyone has a good use case for Code -> figma -> Code?

Pavel Trnka's profile picture
Pavel Trnka7 months ago

@figma @github @code Finally, I can break my designer's carefully crafted auto-layout with my cursed CSS right from VS Code! 😅 Sounds amazing, but I can't wait for our first 'merge conflict' directly on the Figma canvas. 🍿

Navorix's profile picture
Navorix7 months ago

@code @figma @github Bidirectional flow is a big step. But the real source of truth still isn’t defined. Design describes structure. Code describes implementation. What’s missing is the behaviour model both compile from.

Tonkur's profile picture
Tonkur7 months ago

@figma @github @code Fraud didnt tell u it cant even group elements in figma yet alone attach tokens from brand sd. Ai slopers are now “engeners and designers” 🤣🤣🤣

Shawky's profile picture
Shawky7 months ago

@figma @github @code the overlooked part is how 'working ui' pushed back to figma actually looks. is it clean auto-layout components or just a static frame? that makes all the difference for actual design flow.

pamilerin's profile picture
pamilerin7 months ago

@figma @github @code Does copilot put into consideration the frames, autolayout and groups in the design screen on figma?

Tor's profile picture
Tor7 months ago

@figma @github @code The frame you show that had been generated back into figma was not the 'related' tab you asked it to do

Mike Rapp's profile picture
Mike Rapp7 months ago

@figma @github @code This is new, yes?

Carmah Hawwari's profile picture
Carmah Hawwari7 months ago

@figma @github @code When I can figma can accurately bring in my UI into figma make I’ll trust this. The design context is still just as strong as bringing in an image of my work into Claude rn in my opinion.

Deziner's profile picture
Deziner7 months ago

@figma @github @code What terrible way

Schelling Protocol's profile picture
Schelling Protocol7 months ago

@figma @github @code Bidirectional is the unlock. Next step: the design agent dynamically discovering a deployment or QA agent it wasn't pre-configured for — closing the loop across tools, not just between two.

Matthew's profile picture
Matthew7 months ago

@zoink @figma @github @code Not good enough. Started using pencil and it’s the future of how design will work. Literally plugged into cursor 🤯

Andrew Lipski's profile picture
Andrew Lipski7 months ago

@figma @github @code I saw this cake on a YouTube video made by Figma. That cake gets around.

Tony's profile picture
Tony7 months ago

@figma @github @code no handoffs is the right framing. every project slows down at the design→code→feedback boundary. this just collapses it.

Marcus | AI @ Potter Digital's profile picture
Marcus | AI @ Potter Digital7 months ago

@figma @github @code Bidirectional MCP closes the loop most design tools miss. Not just 'design → code' but 'code changes → update design file.' That's version control, not a one-way export. The feedback loop compresses from days to seconds.

Neon's profile picture
Neon7 months ago

@figma @github @code Count me in—can’t wait

Soheil Oliaei's profile picture
Soheil Oliaei7 months ago

@figma @github @code Why the back and forth? Why do designers need to be in Figma anymore?

Hamza Zerouali's profile picture
Hamza Zerouali7 months ago

@figma @github @code Building nice figma designs is hard for me

Related Videos