Loading video...

Video Failed to Load

Go Home

Copy code-backed screens → paste as design layers, now with variables → Copy your Make onto the canvas as design layers → Generate a design through the Figma MCP server → Capture your webpage as editable layers with the Chrome extension

42,679 views • 3 months ago •via X (Twitter)

13 Comments

Figma's profile picture
Figma3 months ago

Install the chrome extension here →

AI Mastery Guide's profile picture
AI Mastery Guide3 months ago

Turning code straight into editable design layers closes a big workflow gap

Arun Prasath M's profile picture
Arun Prasath M3 months ago

Whoa.

Luca Girotti | CTO's profile picture
Luca Girotti | CTO3 months ago

Design-to-code gets most of the attention. Code-to-editable-design may be just as important. It keeps intent, implementation and iteration aligned instead of creating two sources of truth.

sachindabas's profile picture
sachindabas3 months ago

Nice!

RH Fardin's profile picture
RH Fardin3 months ago

Code → editable design layers is more important than another generation feature. Round-trip fidelity kills the designer/developer handoff theater that has wasted entire careers.

blend's profile picture
blend3 months ago

What’s the point of this? If I can just work with code atp

Greg Huntoon's profile picture
Greg Huntoon3 months ago

@dotdude droppin’ knowledge like Galileo dropped an orange.

Manann A.'s profile picture
Manann A.3 months ago

The future of design tools is looking bright. Well played #Figma 👏

Altair's profile picture
Altair3 months ago

I didnt find this "check designs" plugin

Clip Masters's profile picture
Clip Masters3 months ago

Huge time saver.

M-viz's profile picture
M-viz3 months ago

True

M-viz's profile picture
M-viz3 months ago

Nice update 😃

Related Videos