AI个人学习
和实操指南
豆包Marscode1

一键将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

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

首席AI分享圈

首席AI分享圈专注于人工智能学习,提供全面的AI学习内容、AI工具和实操指导。我们的目标是通过高质量的内容和实践经验分享,帮助用户掌握AI技术,一起挖掘AI的无限潜能。无论您是AI初学者还是资深专家,这里都是您获取知识、提升技能、实现创新的理想之地。

联系我们
zh_CN简体中文