Figma AI

关注
义项:AI设计工具
Figma AI

Figma AI是设计协作平台Figma推出的一组人工智能设计辅助功能,于2024年6月在美国旧金山举办的Config 2024大会上正式公布[1]。它把生成式模型能力嵌入设计画布,支持用自然语言生成界面初稿、视觉搜索素材、重命名图层、自动生成可点击原型、改写与翻译文案、生成图像与去除背景等操作。其定位是把设计从初稿推进到成品的流程压缩,同时让设计与代码在工具层面对接。

百科 图文
目录
  1. 定义
  2. 原理
  3. 发展历程
  4. 应用
  5. 局限
  6. 参见

定义

Figma AI是Figma平台内一套以人工智能为驱动的设计功能集合,不是独立售卖的产品,而是分散嵌入Figma Design、Figma Make等产品中的能力。它通过自然语言提示或已有设计文件作为输入,产出可继续编辑的设计资产,而非一次性的成品图片[2]。

按功能用途,它可以大致分成两类。一类是提高既有设计工作效率的辅助工具,例如按内容重命名图层、把静态画板连成可点击原型、调整文案语气或翻译文本、生成图片与抠除背景。另一类是直接参与设计与开发流程的生成能力,例如依据描述生成界面、把设计转换为代码原型。

原理

Figma AI的生成能力并非由Figma自行训练基础模型实现。据其管理层说明,相关功能由第三方现成模型与Figma委托定制的设计系统共同支撑,供应商包括OpenAI与亚马逊等[3]。早期用于生成界面设计的模型被指为OpenAI的GPT-4o与亚马逊的Titan图像生成器G1[3]。后续在图像生成与编辑上,平台接入了Gemini 3.0 Pro与OpenAI的GPT Image 1等模型。

在上下文获取层面,Figma通过模型上下文协议(Model Context Protocol,MCP)服务器,把设计文件中的结构信息传递给外部的AI编码工具。该服务器会索引文件中的代码与设计信息,使模型读取到底层结构而非仅凭截图推测。2025年9月,该服务器由原先依赖桌面客户端的本地运行模式扩展为支持远程访问,编码代理与浏览器端模型可直接连接[4]。

其协作画布上运行的设计智能体,则由针对设计任务微调过的模型驱动,用以理解组件、设计标记与设计系统规范。

发展历程

2024年6月26日至27日,Figma在旧金山Moscone中心举办Config 2024大会,公布Figma AI功能集,同时发布新版界面UI3与独立产品Figma Slides[5]。当时AI功能以等待名单方式分批开放,处于测试阶段[6]。

发布后不久,其中的生成设计功能Make Designs被指生成的界面与苹果iOS天气应用高度相似。Figma首席执行官Dylan Field回应称将暂时停用该功能并加强质量检查,同时说明该功能未以Figma内容或应用设计作为训练数据,问题在于输出可变性过低[7]。公司副总裁Noah Levin此后表示,设计系统中导致相似性的素材已被移除,质量保证流程也会改进[8]。

2025年5月,Figma在Config 2025上推出Figma Make,把自然语言输入转换为带代码的交互原型[9]。同年,重命名图层、生成与编辑图像、替换内容等工具从测试版转为面向付费方案的正式功能[10]。

2025年9月23日,Figma宣布MCP服务器支持远程访问,并扩展至Figma Make文件与Code Connect组件映射[4]。2026年5月,Figma推出运行于协作画布上的设计智能体,可依据自然语言指令生成、编辑与迭代设计,并能同时启动多个智能体处理不同任务。该智能体起初在Figma Design中开放,公司计划后续扩展至其他产品[11]。

应用

在界面设计环节,使用者可以输入文字描述生成多套布局方案,由AI从既有设计稿中提取颜色、字体、间距等设计令牌,并生成可维护的设计系统文档[2]。视觉搜索功能允许以图片、截图乃至手绘草图作为检索线索,在团队文件中定位相似设计或组件,不依赖文件名。

在原型与开发衔接环节,Figma AI可把静态画板自动连成可点击原型,供用户测试与收集反馈[5]。Figma Make则把提示词或已有设计转换为可运行的网页应用与原型,并可连接代码仓库,把修改以拉取请求的形式提交[12]。通过MCP服务器,设计上下文可被VS Code、Cursor、Windsurf、Claude Code等编码工具读取[9]。

在协作场景中,画布上的智能体可批量执行变量重命名、跨页面替换组件等重复操作,并把评论区与协作者的反馈汇总为下一步建议[13]。平台也允许系统学习团队自身的设计规则与工作流程,并以技能形式调用,或按自然语言指令生成定制插件[12]。

局限

生成结果的稳定性是早期暴露的短板。Figma方面将生成设计与苹果天气应用雷同的原因归结为输出可变性过低,并因此暂停该功能、移除引发相似性的素材[7][8]。对于训练数据来源,公司首席技术官表示无法确定第三方模型是否以现有应用设计作为训练数据,因为Figma并不负责训练所使用的模型[7]。

在从设计到代码的链路上,相关能力短期内仍未达到可直接上线的程度。Figma将代码层能力描述为更丰富的规格说明形式与概念验证,距离真正落地到生产环境仍有大量细节工作[12]。MCP服务器的相关更新在发布时仍标注为测试版[9]。

功能可用范围受方案与席位限制。设计智能体在测试期间不消耗AI积分,正式上线后开始计费,且初期仅面向专业版、组织版和企业版的完整席位用户,随后逐步扩大邀请范围[13]。部分AI指令需要付费方案与完整席位,功能集合也随方案、席位与组织设置而变化[14]。

在需要品牌调性判断与深层用户理解的环节,例如医疗健康产品的色彩选择、金融产品的交互流程权衡,现有工具仍难以给出可靠结果,相关决策依赖用户研究与行业经验[2]。

参见

  • Figma —— Figma AI所依托的设计协作平台。

  • Figma Make —— 把提示词或设计稿转换为带代码原型的工具。

  • 模型上下文协议 —— 让AI编码工具读取设计上下文的开放标准。

  • 生成式人工智能 —— Figma AI生成设计与文案所依赖的技术基础。

  • 设计系统 —— Figma AI理解组件与设计标记的知识来源。

  • 自然语言处理 —— 用户以文字指令驱动AI设计功能的接口。

词条评价
词条统计

浏览次数:4 次

阅读量:1 次 · 阅读完成量:0 次

最近更新:2026-10-13T18:09:57Z

历史版本

本条目引用的词条
Figma Figma Make 模型上下文协议 生成式人工智能 设计系统 自然语言处理