AI个人学习
和实操指南
讯飞绘镜

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

好久没有新闻的 bolt.new 联合 Anima 推出一个炸裂功能,只需复制 Figma 设计稿URL即可生成可运行的全栈应用程序。

bolt.new 主页上,点击“从 Figma 导入”:


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

 

接下来,将 Figma 框架 URL 粘贴到文本字段中,然后单击“将 Figma 框架导入 Bolt :

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

 

您必须链接到Figma 框架。右键单击框架 > 复制/粘贴为 > 将链接复制到选择,然后如上所示将此 URL 粘贴到 Bolt 中:

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

或者,在 Figma 框架 URL 前面添加 bolt.new:https://bolt.new/figma.com/...

 

例如以下 Figma 设计稿

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

 

以下是转换后的Web页面(局部):

首次生成页面非自适应,可以在 bolt 中输入提示修改。

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

未经允许不得转载:首席AI分享圈 » 一键将Figma设计转换为全栈应用
zh_CN简体中文