概览
- 工具名称:Figma AI
- 开发商:Figma
- 官网:https://www.figma.com/ai/
- 分类:AI Design
Figma AI 不是独立产品,而是内置在 Figma 设计编辑器里的一组生成式功能。相比第三方插件,它的优势在于上下文:它认识你的组件、变量和自动布局结构,因此生成结果会沿用你的设计系统,而不是另造一套。核心功能是 Figma Make,能把提示词变成可交互的原型——接上后端后甚至可以是可用的应用。围绕它还有首版布局生成、图像生成与编辑、文案改写与翻译、图层整理,以及 Dev Mode 的代码生成。
主要用途
- 生成首版草稿,而不是面对空白画布:描述一个页面,得到一个分层、可直接用自动布局的起点,且基于你自己的组件搭建——它是用来让你有东西可以反应,而不是直接交付。
- 把提示词变成可点击原型:Figma Make 能产出带导航和状态的可交互原型,适合在投入一个迭代之前先找用户验证想法。
- 整理混乱的设计文件:选中一组图层,让 AI 一次性完成重命名、套用你的间距变量和修正对齐。
- 就地生成和编辑图像:直接在画布上创建或修改图像,省掉切到另一个图像工具的往返。
- 打通设计与代码:Dev Mode 能为选中的组件生成代码片段,Code Connect 则把设计组件映射到代码库中真实的对应组件,让开发知道该用哪个。
价格方案
- Starter:免费,提供少量每日与每月 AI 积分额度。够试用功能,不够用来干活。
- Professional:完整席位年付约每月 16 美元起,月度积分数千。
- Organization:年付约每完整席位每月 55 美元,积分更多,团队额度共享,支持 SSO 和共享库。
- Enterprise:年付约每完整席位每月 90 美元,额度最大,并附带治理管控。
Figma 在 2026 年把 AI 功能从近乎无限量的 beta 转入按积分计量,并对超额部分收费。积分按操作消耗,而 Figma 并未公开每种操作的单价。请到 figma.com/pricing 核对当前价格。
适用场景
- 每天都在 Figma 里工作的产品设计师:功能就在工作发生的地方——不用导出,不用切换上下文。
- 设计系统负责人:因为 AI 产出会调用你的组件和变量,它会强化设计系统而不是侵蚀它。
- 产品经理和创业者:Make 能把一段描述变成可点击的东西,不需要占用设计师的时间。
- 关注设计到开发交接的人:Dev Mode 代码生成与 Code Connect 缩短了设计文件与已上线组件之间的距离。
如何使用Figma AI
1. 打开 Figma 文件并登录——AI 功能在编辑器里,不是独立应用。
2. 要首版草稿,就描述你想要的页面,让它生成分层的起点。
3. 要做原型,就打开 Figma Make 写提示词,或引入已有的画板或组件作为上下文。
4. 通过再次提示、可视化编辑,或打开内置代码编辑器来迭代。
5. 如果原型需要真实数据,接入 Supabase 之类的后端。
6. 对导入的或混乱的图层使用 AI 整理:选中图层组,让它重命名并对齐。
7. 需要占位图或背景素材时,在画布上直接生成或编辑图像。
8. 用链接分享结果;如果迭代很密集,留意积分消耗。
使用建议
- 先把设计系统建好。 AI 产出取决于它调用的组件——一个干净的组件库能产出好得多的草稿。
- 把生成的布局当成完成了七成。 它的价值在于跳过空白画布,最后那三成才是设计真正变好的地方。
- 带一个画板作为上下文。 从已有设计出发启动 Make,比从零开始更符合品牌调性。
- 付费档用上 MCP 连接器。 从 Notion、GitHub 或 Linear 拉真实内容,能让原型不再是占位文字。
- 密集迭代时盯住积分。 计量计费取代了过去无限量的 beta,免费档也撑不住持续试验。
- 上线前复核生成的代码。 Dev Mode 的产出是起点,不是成品组件。
局限与注意事项
- 计量积分终结了过去近乎无限量的 beta,重度 AI 使用现在要花钱,也需要做预算管理。
- 免费档卡得很紧——每日和每月额度都很小,撑不住真正的试验。
- Make 和首版生成的产出只是起点而非成品设计,仍需设计师手工打磨。
- Figma 未公开每次操作的积分消耗,支出难以预测。
- AI 生成的布局容易显得套路化,若不主动纠偏会偏向常见的 SaaS 模式。
- Professional 档的计费周期在 Figma 自家定价页上写得不清楚,给比价带来困难。
- 要充分发挥 MCP 和 Code Connect 的作用,需要懂设计令牌和 JSON。
常见问题
Figma AI 是什么?
内置在 Figma 编辑器中的一组生成式 AI 功能,而非独立产品——包括提示词生成设计、Figma Make 原型、图像生成与编辑、文案改写、图层整理以及 Dev Mode 代码生成。
Figma Make 是什么?
一个提示词转应用的工具,能把文字描述或已有的 Figma 设计变成可交互原型或可用应用,并可选择接入后端以使用真实数据。
Figma AI 免费吗?
有免费 Starter 档,提供少量每日与每月 AI 积分额度。完整使用 Figma Make 需要付费的完整席位。
多少钱?
Professional 席位年付约每月 16 美元起,Organization 约 55 美元,Enterprise 约 90 美元,各含月度积分额度,超额需另购。请到 figma.com/pricing 核对最新价格。
它和 AI 设计插件有什么不同?
它是原生的,能读取你的组件、变量和自动布局设置,产出沿用你的设计系统,而不是一套通用样式。
能生成代码吗?
能。Dev Mode 可为选中的组件生成代码片段,Code Connect 则把设计组件映射到代码库中真实的对应组件。
能和其他 AI 工具配合吗?
能,付费档提供 MCP 服务器与连接器,让 AI 智能体以及 Notion、GitHub、Linear 等工具直接处理 Figma 文件。
