Figma Make是什么？
Figma Make 是 Figma, Inc. 推出的“从提示词到代码”的AI工具。可根据AI聊天中的指示或现有的 Figma 设计，以代码形式生成可运行的原型、Web应用和交互式UI，并通过“指向并编辑”或代码编辑器完善，再用专用URL发布。可用 Make 套件导入设计系统，并通过 Payload、Supabase 加入数据库和身份验证。包含在 Figma 的完整席位中，可在免费的入门方案（AI积分每天150）中试用。在日本，专业方案完整席位为每月2,400日元（年付）・每月3,000日元（月付）（截至2026年11月）。
可解决的业务课题
「Figma Make」的服务详情
Figma Make是什么
Figma Make 是设计工具 Figma 的提供方 Figma, Inc. 推出的“从提示词到代码”的AI工具。在AI聊天中描述想做的东西，或附上已有的 Figma 设计，就能以代码的形式生成可实际操作的原型、Web应用和交互式UI。据 Figma 帮助中心介绍，它在 Figma 的年度大会“Config 2025”上以公开测试版的形式发布。
生成的内容基于代码，同时也能在画面上直观地编辑。用官网的话说，可以“在代码与画布之间自由切换”：先用提示词搭出整体框架，再通过点击修改细节。由于还能构建带有数据库、API 和身份验证的后端，因此不仅能做出只有外观的模型，还能推进到真正保存数据的原型。
使用方法
- 创建 Make 文件 在 Figma 的文件浏览器中打开“草稿”，从右上角的［+ 创建］中选择［Make］。与创建其他 Figma 文件的步骤相同。
- 在AI聊天中描述想做的东西 除了输入文字，还可以附上 Figma Design 的框架和组件、参考图片、文档和数据文件。使用“计划模式”，可以在开始生成前理清目标，先做出一份可编辑的计划。
- 一边看预览一边修改 在右侧的预览中确认运行效果，用“指向并编辑”选中元素，直接修改颜色、间距和文字样式，或让AI只修改这个元素。也可以在代码编辑器中自己改写代码。
- 共享和发布 预览可以分享给团队或外部人员，也可以通过专用URL作为网站发布，或绑定自己的域名。在入门方案中，只有同时发布到 Figma 社区时，才能发布到公开网络。
来源：探索 Figma Make｜Figma 帮助中心、Figma Make 官网（以下界面图片同）
现有的设计系统直接成为生成的前提
Figma Make 的起点不只是空白的提示词。官网介绍说：“可以从代码库或设计资产开始，也可以从零开始。”
- 附加设计 — 将现有的 Figma Design 框架或组件附加到提示词中，按照它们的外观来生成
- 库的样式上下文 — 从 Figma 库中导入颜色和文字样式（团队库是付费功能，入门方案无法使用）
- Make 套件 — 把设计系统整理成可重复使用的AI上下文。也可以从 npm 包导入，还能关联 Figma 框架和 PDF
设计团队在 Figma 中把设计系统整理得越完善，生成结果就越容易符合本公司的组件和配色。这正是身处设计工具之中的优势。
细节靠点击，收尾在画布
有些细节，与其反复改写提示词，不如亲手修改来得快。Figma Make 用工具补上了这一点。
使用指向并编辑，在预览中选中元素后，可以根据元素类型直接修改内边距、外边距、颜色和文字属性。也可以给多个元素加上注释，把所有修改一次性发送给模型。
此外，还可以把 Make 的预览复制为设计图层，粘贴到 Figma Design 的画布上编辑。设计师可以用熟悉的工具为生成结果收尾。
不只是外观，还能加入数据和登录
Figma Make 不仅能做前端，也能构建后端。
- Payload 后端 — 原生构建包含数据库、API、身份验证和管理面板的 Payload 后端，让内容和数据与设计放在同一处（官网称之为“由 Payload 提供的内置CMS”）
- 连接 Supabase — 可以添加用户身份验证、保存用户数据、连接私有API等
- 环境变量 — 将API密钥等机密信息和设置集中管理，在 Make 中使用
- Make 连接器（MCP） — 连接外部工具，把PRD、工单和其他产品文档作为应用和原型的上下文导入。也可以发布供组织内部使用的自定义连接器
功能
01创建
从提示词和现有素材生成可运行的成果。
- 向模型发送提示词 — 从提示词生成可运行的原型和Web应用
- 导入设计、添加图片和文件 — 附加 Figma Design、参考图片、文档和数据文件
- 计划模式 — 在生成前明确目标，制定结构化的计划
- 语音输入提示词 — 用说话的方式传达想法
- 模板 — 以组织内部发布的 Make 文件为起点
02修改
结合AI指令和手动操作，为生成结果收尾。
- 指向并编辑・注释 — 选中元素直接编辑，或批量下达指令
- 代码编辑器 — 直接编辑生成的代码，并加入自己的代码
- 版本历史 — 恢复到以前的版本
- 复制为设计图层 — 粘贴到 Figma Design 中编辑
- 自定义技能 — 把常用的流程打包成可重复使用的指令集
03连接
把设计系统和外部数据作为生成的前提交给AI。
- Make 套件・库的样式上下文 — 导入设计系统
- Payload・Supabase — 加入数据库、API和身份验证
- Make 连接器（MCP） — 导入外部工具中的文档、任务和数据
- 环境变量 — 集中管理机密信息和设置
04共享和发布
把做好的成果展示给别人，并作为网站发布。
- 共享 — 区分“仅查看”和“可编辑”权限进行共享
- 发布 — 通过专用URL或自定义域名发布到公开网络
- 密码保护 — 设置密码，缩小可查看的范围
- 移动端的 Make — 在移动设备上访问并使用 Make 创建
官网将可在本地代码库中使用 Make 并直接发布到生产环境的“本地代码库版 Make（测试版）”标注为“即将推出”（截至2026年11月）。
价格
Figma Make 不单独销售，而是包含在 Figma 的方案和席位中。可以使用包括 Figma Make 在内的所有 Figma 产品的是完整席位。AI功能消耗每个席位的“AI积分”，像 Figma Make 这样的智能体类功能，消耗量会因请求的复杂程度和所用模型而不同。
| 方案 | 完整席位（含 Figma Make） | 完整席位的AI积分 | 补充 |
|---|---|---|---|
| 入门 | 免费 | 每天150・每月最多500 | 可试用 Make。协作限于3个可共享的 Make 文件，无法导入团队库的样式，只有同时发布到 Figma 社区时才能发布 |
| 专业 | 每月2,400日元（年付）／每月3,000日元（月付） | 每月3,000 | 文件和项目数量不限 |
| 组织（商业） | 每月8,300日元（年付） | 每月3,500 | 启用AI功能时可以使用 Make |
| 企业 | 每月13,600日元（年付） | 每月4,250 | 管理员可以开启或关闭AI功能 |
- 开发席位、协作席位（专业方案年付时分别为每月1,800日元、450日元等）以及查看者的AI积分为每月500。这些席位也可以在草稿中试用 Make，但只有完整席位才能共享和发布 Make 文件
- 积分不足时，管理员可以通过订阅或按量付费追加购买AI积分，并在整个团队中共享。追加积分的价格在管理面板中查看
- 席位附带的积分每月重置，不能结转
- 金额来自日本的价格页面（以日元显示）。消费税等税费根据账单地址计算（Figma 帮助“Figma 账单指南”）
价格依据截至2026年11月的官方价格页面，以及该页面链接的AI积分的运作方式和Figma Make 常见问题。
与其他AI应用・UI生成工具的区别
| 产品 | 提供方 | 适合的用法 | 起步价格 |
|---|---|---|---|
| Figma Make | Figma | 以 Figma 的设计和设计系统为前提，制作可运行的原型和Web应用 | 入门免费，完整席位每月2,400日元起 |
| v0 | Vercel | 用自然语言指令制作全栈Web应用，并发布到 Vercel | Free $0／Plus $30 |
| Lovable | Lovable | 生成前后端齐全的Web应用并直接发布 | 免费（每天5积分）／Pro $25 |
| bolt.new | StackBlitz | 在浏览器中生成可编辑的代码，并完成数据库、身份验证和托管 | Free／Pro $25起 |
| Stitch | 从提示词或图片生成UI设计和前端代码，并导出到 Figma | 免费（测试版） |
其他产品的信息为各产品页面在确认时的内容。
最大的区别在于它身处 Figma 之中。v0、Lovable 和 bolt.new 以制作并发布应用为重点，而 Figma Make 以设计团队已有的设计、库和设计系统为前提进行生成，并能把结果带回 Figma Design 收尾。已经在使用 Figma 的团队，无需另外签约其他工具，在完整席位的范围内即可开始使用，这也是选择它的理由。
- 想免费进行设计构思，可以选择 Stitch（生成的UI可导出到 Figma）
- 想一口气推进到部署，可以选择 v0、Lovable 或 bolt.new
- 想以可视化方式修改现有的 React 应用，可以选择 Onlook
导入实例与评价
Figma Make 官网刊登了来自产品开发一线的实名评价。
“Figma Make 大幅缩短了从想法到完成功能的过程，我无法想象没有它会怎样。”
— Brian Muehlenkamp（Ticketmaster 产品经理）
“借助 Figma Make 这样的工具，我们能够快速制作原型。以前从构思到做出实物需要6周，现在只需几个小时。”
— Vishal Kapoor（Affirm 产品高级副总裁）
同一页面以“你喜爱的产品都是用 Figma 设计的”为题，列出了 Airbnb、Atlassian、Dropbox、Duolingo、GitHub、Microsoft、Netflix、Slack、Stripe、Zoom 等公司的标志（这是作为 Figma 整体的用户企业刊登的）。
以上评价为本站根据 Figma 日文官网的内容翻译。
常见问题（FAQ）
Q. Figma Make 可以免费使用吗？ 可以在入门方案（免费）中试用。存在一些限制：AI积分每天150、每月最多500，协作限于3个可共享的 Make 文件，只有同时发布到 Figma 社区时才能发布。如需持续使用，前提是付费方案的完整席位。
Q. 可以只订阅 Figma Make 吗？ 不可以。Figma 的产品不能单独购买，需要选择方案和席位。Figma Make 包含在完整席位中，同一席位还可以使用 Figma Design、Dev Mode、FigJam、Figma Slides 等。
Q. 做好的应用可以发布吗？ 可以。Make 文件的所有者和拥有编辑权限的人，可以通过专用URL发布到公开网络，也可以绑定自己的域名。已发布网站的访问者无法访问原始的 Make 文件和对话。在组织（商业）方案中，管理员可以开启或关闭整个组织的发布功能。
Q. 生成的代码可以手动修改或导出吗？ 可以在代码编辑器中直接编辑，也可以加入自己的代码。完整席位还支持导出代码（开发、协作和查看席位仅限在草稿中）。
Q. 能在自己的代码库中使用吗？ 截至2026年11月，在本地代码库中使用 Make 的功能（测试版）被标注为“即将推出”。目前的做法是通过 npm 包和 Make 套件导入设计系统。
Q. 输入的数据会被用于AI训练吗？ 在 Figma 中，团队或组织的管理员可以管理AI功能和内容训练的设置（帮助文章“管理团队或组织的AI设置和内容训练”）。处理公司内部的设计之前，请先确认管理员的设置。
Figma Make 是 Figma 产品家族的一员
Figma Make 不是独立的应用，而是 Figma 平台中的一个产品。使用同一个完整席位，还可以使用用于设计的 Figma Design、面向开发者的 Dev Mode、白板工具 FigJam、演示文稿工具 Figma Slides、插画工具 Figma Draw、发布网站的 Figma Sites（测试版）、批量制作符合品牌规范素材的 Figma Buzz（测试版）、制作动画的 Figma Motion（测试版）等。AI积分也在这些AI功能之间共享。
本页面信息基于截至2026年11月官网、价格页面和帮助中心公开的内容。功能和价格可能会发生变化，最新信息请以官网为准。
