With Builder.io and Lovable, you can now turn Figma designs into functional full-stack applications that are pixel-perfect.
Create everything from rapid prototypes to production-grade apps with custom backends from just designs and prompts.
Hi all! I'm Steve, co-founder and CEO of Builder.io
We're excited to introduce Builder's new native integration with Lovable.
With it, you can now turn Figma designs into real pixel perfect apps in Lovable.dev (AI full-stack engineer)
Quick step-by-step tutorial:
1. Make a design in Figma
2. Open the Builder.io plugin, select your design, and click "Export to code"
3. Click "Open in Lovable"
4. Continue iterating in Lovable by making prompts
We're excited to go deeper here soon too, enabling you to even update your designs in Figma again, and push your design changes to your Lovable app in just another click. Seamless iterative design and development ftw.
See more about the launch in our full blog post: https://www.builder.io/blog/lova...
Please try it out and let us know how it goes!
I mean who doesn't love Figma by itself...let alone with this slick integration between Lovable.dev & Builder.io?
The perfect combination to make the perfect design?!
Thanks for launching this Steve & Deb, seriously exciting indeed - Looking forward to seeing how the launch goes!!
Ability to turn figma designs into functional apps with just a few click and iterate further using prompts will greatly improves development workflow. Congrats on the launch.
Wow, just wow! I tried it internally with some of Lovable's designs in Figma and I could literally not see any differences between the implementation and designs. Great job! 👏
@steve_sewell Super cool! I tried it out and I am way impressed! Bravo!
Having the design sync will be huge. I also see a big need to be able to design out multiple screens, and have them all connected to the same lovable project (like a multi-page website/app). Is there a way to do that I'm not aware of?
@steve_sewell it's hard to decipher on y'all's site, but would this update also enable native mobile design + development? or are we constrained to only web experiences? thanks!
Great work!
Works really well except for one major thing. Whenever I export a Figma layer to Lovable, it seems to open the layer in a new project. I want the layers to be exported to the same project, is there a way to do this @steve_sewell ?
This has been great for me prototyping some app ideas! The native connection to Supabase is a huge plus for testing data flow into a warehouse. Keep up the great work!
Builder.io