AI Personal Learning
and practical guidance
Ali-painted frog

Convert Figma Designs to Full Stack Applications with One Click

It's been a long time since I've seen any news. bolt.new United Anima introduces a blown-up feature that generates runnable full-stack applications by simply copying the Figma design draft URL.

On the bolt.new homepage, click on "Import from Figma":


Convert Figma Designs to Full Stack Applications in One Click-1

 

Next, paste the Figma framework URL into the text field and click Import Figma Framework into Bolt:

Convert Figma Designs to Full Stack Applications in One Click-1

 

You must link to theFigma framework. Right-click the frame > Copy/Paste As > Copy Link to Selection and then paste this URL into Bolt as shown above:

Convert Figma Designs to Full Stack Applications in One Click-1

Alternatively, add bolt.new in front of the Figma framework URL: https://bolt.new/figma.com/...

 

An example is the following Figma design

Convert Figma Designs to Full Stack Applications in One Click-1

 

Below is the converted Web page (partial):

The first time you generate a page that is not adaptive, you can change it by entering a prompt in bolt.

Convert Figma Designs to Full Stack Applications in One Click-1

CDN1
May not be reproduced without permission:Chief AI Sharing Circle " Convert Figma Designs to Full Stack Applications with One Click

Chief AI Sharing Circle

Chief AI Sharing Circle specializes in AI learning, providing comprehensive AI learning content, AI tools and hands-on guidance. Our goal is to help users master AI technology and explore the unlimited potential of AI together through high-quality content and practical experience sharing. Whether you are an AI beginner or a senior expert, this is the ideal place for you to gain knowledge, improve your skills and realize innovation.

Contact Us
en_USEnglish