Overseas access: www.kdjingpai.com
Bookmark Us
Current Position:fig. beginning » AI How-Tos

Convert Figma Designs to Full Stack Applications with One Click

2025-03-15 1.8 K

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

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

一键将Figma设计转换为全栈应用-1

 

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

一键将Figma设计转换为全栈应用-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:

一键将Figma设计转换为全栈应用-1

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

 

An example is the following Figma design

一键将Figma设计转换为全栈应用-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.

一键将Figma设计转换为全栈应用-1

🍐 Duck & Pear AI Article Smart Writer
Selection → Writing → Publishing
Fully automated!
WordPress AI Writing Plugin
500+ content creators are using
🎯Intelligent Selection: Batch generation, say goodbye to exhaustion
🧠retrieval enhancement: networking + knowledge base with depth
Fully automated: Writing → Mapping → Publishing
💎Permanently free: Free version = Paid version, no limitations
🔥 Download the plugin for free now!
✅ Free forever · 🔓 100% Open Source · 🔒 Local storage of data

Recommended

Can't find AI tools? Try here!

Enter keywords.Accessibility to Bing SearchYou can find AI tools on this site quickly.

Top