Figma Make: quick prototyping
Figma Make: Next level quick prototyping
Figma Make is officially out of beta now, and I just gave it a go with some simple design that I found on Dribbble.
Figma Make result:
https://learn-riff-47341471.figma.site/
It’s missing some line separators in the header, and maybe the font size wasn't exactly the one used in the image… but hey, really good approximation for something that only took 15 seconds after a copy-paste.
It generates a React application using Tailwind, and comes with some interactive components already, if you need to add some interaction to the Figma file.
It’s a web builder, not a Figma file per se, so editing the file is more restrictive compared with the drag-and-drop UX from a regular Figma file. Still, you can edit it fully using the code tab.
But if you are going to edit something other than values, using the pointer+AI prompt is the intended way. I think I would use the prompt only when the change that I need is not trivial with just a few Tailwind classes in whatever element/component I need to change.
Really good!
P.S. Figma MCP works the other way around, it’s more context for your LLM to follow your design with more accuracy. If you already have the design in a figma file that may work for you way better.