设计上下文接入
可以引入设计系统、Make kits 和 npm 包，也能挂上 Figma 画板、PDF、图片、视频、音频、文本等附件，让生成结果贴合已有规范。
Figma Make
AI TOOL PROFILE工具资料Figma 原生集成的 AI 设计助手，把提示词和设计上下文直接生成可编辑原型
价格官网未标价
平台Web / iOS / Android
归类聊天对话
收录2026-10-11
复核2026-10-11
编辑评分
4.2 / 5
★★★★☆
Figma Make编辑总结
Figma Make 是 Figma 推出的 AI 设计助手，主打从设计上下文和提示词出发，快速生成可编辑的代码化原型。它支持接入设计系统、npm 包、Figma 画板与 PDF 等设计上下文，生成结果既能画布编辑，也能落到代码层面调整。素材里有 Ticketmaster 产品经理称其显著缩短了从想法到功能上线的路径，Affirm 产品高级副总裁提到原本需要六周的事现在只需几个小时。官网未公开具体定价与免费额度，后续接入方式和本地代码库能力也标注为即将推出。
Figma Make是什么？
Figma Make 是 Figma 体系内的 AI 设计助手，定位在把设计想法快速变成可运行、可编辑的原型。它强调「设计上下文」——可以引入设计系统、Make kits、npm 包，也可以挂上 Figma 画板、PDF、图片、视频、音频、文本等附件，让 AI 在这些素材基础上生成结果。
从包括的能力看，它围绕三条线展开：一是生成与编辑，可以提示词生成、在画布上点选元素直接改样式或换内容，也能把 Make 文件复制到画布继续精修；二是协作与版本，支持评论、标注批量提交、版本历史回看与恢复；三是接入与扩展，MCP 连接器能把外部工具里的文档、任务、数据当作上下文，自定义技能可以把高频工作流打包成可复用指令。
不同角色用法不同：设计师用它把想法快速做成高保真原型并反复微调；产品经理用它把需求转成能演示的东西；开发者可以关注代码化产物和本地代码库方向的能力。涉及在本地代码库中使用 Make 并直接发布到生产环境的能力即将推出。
Figma Make核心功能
代码与画布双编辑
生成的结果是代码化的，同时又能在画布上可视化编辑，可以在代码与画布之间来回切换，改细节不用绕路。
Plan mode
先生成结构化的可编辑计划，明确意图之后再开始生成，避免一上来就跑偏，适合需求还不完全清晰的时候用。
自定义技能
把高频工作流打包成一套可复用的指令，下次直接调用，省去重复描述同一套流程。
MCP 连接器
通过 MCP 连到外部工具，把其他应用里的文档、任务和数据作为上下文喂给原型或应用生成。
点选即改
在预览里点击元素就能改样式、替换内容或直接提示修改，不用回到编辑面板一层层找图层。
版本历史
记录每一次 AI 与手动编辑，可以预览、收藏或恢复到任意一个历史版本，改坏了能退回去。
协作与反馈
支持对原型或网页应用评论，标注可以选中元素后一次性把改动发给模型，手机上也能就地查看和回复评论。
语音与模板
可以口述想法生成原型，也能把验证过的流程存成模板复用，一次做好的流程变成可重复的做事方式。
Figma Make值不值得用？
当你的目标是把想法快速变成能点能看的原型时，Figma Make 值得用——它把设计上下文、提示词和画布编辑串在一条线上，Affirm 的产品高级副总裁提到原本六周的评估流程缩短到几个小时。当你要的是直接落到生产代码、并且需要完整的本地开发能力时，官网把本地代码库和发布到生产环境标注为即将推出，现阶段还不能当主力交付工具。当团队已经在 Figma 生态里协同时，评论、版本历史和标注能顺畅接上；如果团队完全不用 Figma，引入成本会更高。
建议选它的情况
- 需要快速把想法做成可点击、可演示的高保真原型的产品与设计团队
- 已经在用 Figma 设计系统，希望 AI 生成结果贴合现有规范
- 需要把外部工具的文档或数据接进原型作为上下文
- 要频繁评审和版本回溯、多人协作给反馈的项目
不建议选它的情况
- 需要直接产出并发布到生产环境代码的开发者
- 希望完全不依赖 Figma 生态独立使用的团队
- 对价格敏感、需要先确认明确免费额度的个人用户
Figma Make使用建议
入门先把路子走对
- 先接设计上下文开始生成前，先通过 Make kits、npm 包或挂 Figma 画板、PDF，把设计系统和参考素材喂进去，生成结果会贴近已有规范。
- 用 Plan mode 起步需求还没想清楚时先开 Plan mode，让工具先产出一份可编辑的计划，确认方向后再开始生成，能少走几轮返工。
- 附件别只放图附件支持图片、视频、音频、文本和 PDF，把相关说明文档和素材一起挂上，比只放一张设计稿更能引导结果。
进阶省时间也省钱
- 高频流程存成技能把经常重复的工作流用自定义技能打包成一套指令，之后直接复用，不用每次重新描述同样的一长串要求。
- 标注一次发一批选中多个元素后集中标注，把改动一次性发给模型，比一条条改快很多，也更容易保持整体一致。
- 大改前先存版本版本历史可以预览、收藏和恢复任意迭代，做结构性调整前先确认当前版本已记录，改坏了能退回去。
- 接 MCP 补充上下文把外部工具里的文档、任务和数据通过 MCP 连接器接入，作为生成原型或应用的上下文，减少手工搬运信息。
Figma Make适合谁用？
产品设计师
推荐需要把想法快速做成可演示的高保真原型，并在画布上反复打磨细节，生成结果可直接编辑。
产品经理
推荐要把需求转成能点能看的东西做评审，Ticketmaster 的产品经理称其缩短了从想法到功能上线的路径。
已用 Figma 的团队
推荐设计系统和组件都在 Figma 里，能通过 Make kits、npm 包直接接入，评论与版本历史也能接上现有协作流程。
独立开发者
有条件想把原型直接变成产品或发布到生产环境，官网把本地代码库与生产发布标注为即将推出，现阶段还用不上。
预算敏感的个人用户
有条件在确认费用之前不适合作为长期依赖的主力工具。
Figma Make优点和缺点
优点
- 生成结果代码化且可在画布编辑，能在代码与画布之间切换
- 支持接入设计系统、npm 包与 Figma 画板，结果贴合已有规范
- Plan mode 先出可编辑计划再生成，方向不清时少返工
- 版本历史记录每次 AI 与手动编辑，可预览、收藏、恢复
- 自带评论、标注批量提交和移动端查看评论，协作链路完整
- MCP 连接器可把外部工具的文档、任务、数据作为上下文
缺点
- 本地代码库与生产发布能力为即将推出，暂不可用
- 费用需自行确认
- 深度依赖 Figma 生态，不使用的团队引入成本更高
- 部分能力标注为 Beta，稳定性与最终形态可能变化
- 移动端目前以查看和回复评论为主，完整生成编辑仍在桌面
Figma Make常见问题
Figma Make 是什么？和普通 AI 生成工具有什么不同？＋
它是 Figma 原生集成的 AI 设计助手，生成的原型是代码化的，同时可以在画布上可视化编辑。和只输出图片或代码的工具相比，它更强调把设计上下文——设计系统、Make kits、npm 包、Figma 画板、PDF 等——作为生成依据，并支持在代码与画布之间来回切换调整细节。
生成原型时可以带入自己的设计系统吗？＋
可以。包括的方式是同步 npm 包、库样式与规范，或通过 Make kits 引入；也可以直接挂上 Figma 画板、PDF、图片、视频、音频和文本文件作为提示词的附件，让生成结果贴近已有规范。
改起来方便吗，会不会生成完就不好动？＋
强调可以在预览里点选元素直接改样式、替换内容或提示修改，也能把 Make 文件复制到画布上继续精修。加上版本历史会记录每次 AI 与手动编辑，可以预览、收藏或恢复到任意迭代，改坏了能退回去。
能直接在本地代码库里开发并发布到生产环境吗？＋
官网把「在任意代码库中使用 Make 并直接发布到生产环境」标注为即将推出，目前还不能作为生产交付路径使用。现阶段更适合用它快速产出可演示、可编辑的原型。
怎么把外部工具的数据接进来？＋
通过 MCP 连接器接入外部工具，可以把其他应用里的文档、任务和数据作为上下文，用于生成应用或原型。官网提供对应的接入文档。
手机上能用吗？＋
可以打开 Make 并在手机上原生体验，查看和回复评论是移动端明确支持的能力。适合在评审现场或路上跟进反馈。
Figma Make竞品对比
| 工具 | 编辑评分 | 价格 | 核心功能 | 平台 |
|---|---|---|---|---|
| Figma Make本工具 | 4.2 | 未标价 | 设计上下文接入；代码与画布双编辑；Plan mode；自定义技能 | Web / iOS / Android |
| Little Bro | — | 未标价 | 为 UI/UX 设计师提供反馈和见解的人工智能设计助手，提升设计质量 | — |
| UX Magic | — | 未标价 | AI 原生 UX/UI 设计工具，将简单提示转化为完整的、准备好投入生产的线框图和 UI | — |
| FigJam | — | Starter 免费；Professional Full seat $16 /m | Figma 是一款在线协作设计工具 | Web |
| Foxiest | — | 未标价 | 面向 Figma 的 AI 设计评审工具 | — |
| Drawerrr | — | 未标价 | 为 UX/UI 求职者量身定制的 AI 平台，优化他们的作品集并寻找相关机会 | — |
