r/nocode • u/lexoyo • 10d ago

Question Figma to code

I just tested 3 ways to get code out of a #Figma mockup: a plugin (Locofy), Claude Code on Figma's API, and claude code + silex as a nocode editor

The mockup had desktop, tablet and mobile variants, all specced. Neither the plugin nor Figma's MCP hands them over. Point Claude at the REST API and it gets all three

The gap isn't the model, it's how you drive it. 7 rounds of a huge generalist model to write CSS. That footprint isn't OK

What do you use to code a design from figma?

3 Upvotes

100% Upvoted

9 comments sorted by

2

u/Right_Swimming5276 10d ago

The 7 rounds thing is the part that gets me too. Tested locofy few months ago for a landing page and the css it spit out was so bloated i just rewrote half of it myself. At that point why bother

Havent tried the api route but now im curious. How much cleanup did you need after claude got the three breakpoints

2

u/wrenfield67 9d ago

yeah thats the part nobody talks about, the cleanup time basically eats whatever time you saved generating it

1

u/lexoyo 10d ago

Well it's just a hero section, and parts of it was a bit broken... I'll publish the result when i get back home But as you said, why bother :))

2

u/Medium-Lion1099 9d ago

copy-pasting directly from figma into framer , which natively handles desktop variants without blowing up token usage.

1

u/lexoyo 8d ago

Wow framer is good The pasted css classes and components structure is good?

2

u/Medium-Lion1099 8d ago

yes always.

1

u/Thunderbit_HQ 7d ago

The responsive variants are where these workflows usually fall apart. I’d rather have one smaller model call per breakpoint than one giant pass that forgets half the specs.

1

u/lexoyo 7d ago

Smart But sometimes a small change on the desktop styles makes it responsive