Figma Make：用提示词和设计直接生成可交互原型

哇哦AI

工具信息
工具名称：Figma Make
主要分类：编程与开发
官网：访问官网
价格：可试用；完整共享和发布能力取决于当前方案与席位
代码要求：无需编程即可起步，也可直接编辑代码
中文支持：提示词语言能力随当前模型而变，界面以英文为主
使用平台：网页、iOS（查看、测试与评论）

如果你已经用 Figma 画好了界面，或者脑子里只有一个模糊的想法，Figma Make 能帮你把提示词和现有设计变成可以点击、滑动、测试的原型，甚至是一个简单的网页应用。

什么时候会想到用 Figma Make？
当你手头有 Figma 设计稿，但想快速验证一个交互流程，或者想给客户一个能实际操作的 demo 时，Figma Make 就派上用场了。你不需要从头写代码，只需要在聊天框里输入一段提示词，比如“把这个登录页做成可点击的流程，点击按钮后跳转到仪表盘”，它就能基于你的设计生成可交互的原型。如果你还没有设计稿，也可以直接描述你想要的界面，它会从零开始生成。

生成之后，你可以在可视化画布上直接拖拽调整布局，或者切换到代码编辑器修改细节。整个过程就像和一个懂设计的工程师搭档——你提需求，它出结果，不满意就继续改。

它替你省掉了哪些步骤？
传统上，从设计稿到可交互原型需要设计师导出资源、开发人员编写前端代码、再部署到测试环境。Figma Make 把这几步压缩成一次对话：你提供设计上下文（比如选中的图层或整个页面），加上一段提示词，它就能生成一个可以在浏览器里运行的原型。你甚至可以在手机上打开它，体验原生应用的感觉。

修改也变得更直接。你不需要回到设计工具改完再重新导出，而是可以在同一个界面里用聊天、画布或代码三种方式迭代。比如你觉得按钮颜色不对，直接在聊天里说“把按钮改成蓝色”，它就会更新。改完后，你可以把原型链接分享给团队成员，他们能直接评论和测试。

产品界面

图片来源：官方页面

资料来源
https://www.figma.com/make/
https://help.figma.com/hc/en-us/articles/31722591905559-Figma-Make-FAQs