Figma's browser extension can now capture code, not just design. Grab a live site, animations and JavaScript included, and paste it straight into Figma.
Then change the component and hand it to your agent to build. Or just do it yourself.
From Cmd+AI episode 70, our weekly live show covering AI, design and dev. Catch us live every Friday and join in the banter.
#CmdAI #AI #Figma #WebDesign #Frontend
Transcript
So if you can copy any code, like I can copy, I don't know, any dashboard. I can copy uh Apple website with the animations and the way it works, you just go to the extension that you have, you click on it, and now you have this new button. Previously, it was just capture design or like select element. Now you can capture code. So I can basically capture the code from this entire website and I can paste it in Figma and have everything that works here, like the animations, the JavaScript, the functionality, should work. If you have a slider, you can have that slider inside of Figma. So then I can take the live whatever component it is, I can take it out and do stuff to it, like change it, change the design of it, and then maybe presumably tell my agent to say like, "Go fix it." So that that's really exciting. Maybe you just want to do it yourself and this kind of like gives you that level of granular control. Command AI