I've been experimenting with Figma Sites but hit a wall when trying to export a basic layout. The design looked great, but the code was a mess—everything used absolute positioning, icons weren't rendering, and I ended up with a stack of divs without any structure or responsiveness. It honestly took me longer to fix it than if I had just built it from scratch.
I tried the same design with Anima and got a much better result—proper layout logic, readable classes, and working assets. If anyone here has actually used Figma Sites in a real production environment, I'd love to hear how you managed it. Otherwise, it seems like it's not quite ready for that yet.
6 Answers
That line about spending more time fixing it really hits home for me. I've seen it happen time and again where people think they'll save time with code generation, but end up having to fix a bunch of messy exports, especially when it comes to Figma to code. I don’t know anyone actually shipping Figma Sites to production. They might work for prototypes or demos, but for real products, you often end up building from scratch anyway.
Did you use absolute positioning in Figma, or were you using auto layouts with spacing? It's odd that you'd get absolute pixel values when Figma can set things up with gaps.
Figma Sites probably aren’t meant for production just yet; they seem more like a way to showcase designs on a live site.
I agree, it's definitely not there yet. But if they improve their code output and get rid of those strange positioning methods, it could save a lot of time in the long run.
Figma Sites outputs code like it's focused more on pixel-perfect design than intent and usability. It’s basically snapshot code, not what you’d want for actual builds. If someone is using it in production, they’re likely just rebuilding the structure afterward or using it for demos only. There’s a way to restructure the output, but that involves some extra steps before export.
I checked out Anima as well, and it kind of makes me wonder if this post is just a subtle promo for it. Seems like just another design wrapper to me.
Related Questions
Cloudflare Origin SSL Certificate Setup Guide
How To Effectively Monetize A Site With Ads