跳到主要内容
项目详情

Figma AI 是集成在 Figma 中的 AI 设计与开发协作能力,面向需要共同探索、完善并交付产品的团队。它把 Figma agent、Figma Make、Weave tools、生成式插件、着色器、图像编辑和 MCP server 放在同一套工作流中:团队可以从新的设计方向开始,用自然语言生成或修改内容,再将设计转成代码支持的原型,或通过 MCP server 推进到生产环境。与只负责生成图片或单独产出代码的工具不同,Figma AI 强调设计上下文、团队画布和现有代码库之间的衔接。

核心功能

AI 设计探索与反馈

Figma agent 可以生成新的设计方向、创建图表、编辑图片、搜索文件,并协助完成其他设计任务。在设计文件中,它还可以生成和重混设计、自动化重复工作并提供设计反馈。团队成员能够在画布上继续编辑设计,并与 agent 一起反复调整方案。

原型与网页应用生成

Figma Make 支持通过提示词把想法和已有的 Figma 设计转成原型和 Web 应用。设计完成后,可以生成代码支持的原型,也可以借助 Figma Make 的视觉软件编辑器,在本地代码库中将 Figma 设计转换为本地化、面向生产的资源。页面还展示了从已有代码开始修改功能,并将变更创建为 pull request 的流程。

代码库与设计画布协作

使用现有代码时,团队可以连接代码库,提供 PRD,并保留已有的设计上下文。用户可以通过提示词添加新功能,或直接操作设计;完成后再把工作带回画布,让团队成员继续讨论、调整和批评。Figma Make 还支持从设计更新创建 pull request,将改动推回代码库以便发布到生产环境。

MCP 与外部智能工具连接

Figma MCP server 可以连接外部工具,让 AI agents 在工作流中读取、引用并操作 Figma 设计。Write to canvas 能把设计上下文直接交给 agentic workflows,并使用设计系统作为内容来源;Code to canvas 则能把生产中的界面带回 Figma,转换为可编辑的设计图层,供设计师在上下文中审核。页面同时提供 MCP 文档和 MCP catalog,并展示了 OpenAI、GitHub、Claude、Cursor、Gemini 等工具标识。

图像、矢量与视觉效果创作

Figma Weave tools 提供预先构建的 AI 工作流,可以直接在 Figma 中生成图片和矢量内容,并覆盖图像、矢量和视频等创作任务。图像编辑能力支持选择图像对象并擦除内容;Shaders 则可以通过提示词生成自定义着色器效果和填充,包括模糊、网格渐变和图案,并支持通过 Figma MCP 导出到 Figma Make 和其他平台。

自定义插件与设计生产力工具

用户可以描述所需功能,让 Figma agent 直接在画布中构建针对工作流的可复用插件,并在组织内共享。Figma AI 还提供图层重命名、添加交互等设计生产力工具,以及替换文本内容、调整语气等文本工具;视觉搜索可用于查找组件或素材。生成式插件、Weave tools 和 Shaders 在页面中标注为 Beta,相关能力会随产品而变化。

使用方式

页面提供 Figma 内的画布工作流,以及 Figma Make、Figma agent、Weave tools、生成式插件和 Shaders 等能力。用户可以在画布中通过提示词生成或修改设计、创建插件和视觉效果,也可以连接本地代码库,使用 MCP server 与外部工具协作。页面提供 Get started 和 signup 入口,但正文没有说明具体注册条件,也没有提到需要自备模型 Key。导入导出方面,正文明确提到代码回到画布、设计导出到 Figma Make 和其他平台,以及从 Figma 更新创建 pull request。

适用人群与场景

产品团队可以从 PRD 和已有代码出发,快速制作原型、修改功能并创建 pull request。设计师可以用 agent 探索设计方向、获得反馈、搜索素材、编辑图像,并把生产界面带回 Figma 审核。需要统一工作流的组织可以创建并共享自定义插件,在团队或组织范围内复用。开发与设计协作团队则可以通过 MCP server 让外部 AI agents 读取、引用和操作设计,并在代码与画布之间往返检查。

定价

Figma AI 采用 AI credits 机制。团队可以为全体成员购买共享的 AI credits,并选择按使用付费,或订阅以节省费用;团队管理员可以控制并查看 credits 在团队中的分配和使用情况。按正文说明,跨团队、部门或成本中心分配并预算 credits,以及通过 API 查看组织内 AI credits 消耗,属于 Enterprise 可用能力。页面没有给出具体金额或各档位额度。

注意事项

Figma Weave tools、Generative plugins、Shaders、Figma agent 和 Make on your local codebase 等能力在页面中标注为 Beta。部分能力的可用范围可能因产品而异;AI credit usage API 和 credits 的分配、预算功能明确标注为 Enterprise。Figma AI 使用现成的基础模型和经过微调的模型,官网同时表示其目标是保护机密信息,并让管理员控制 AI 内容训练。

Figma agent通过提示词生成和重混设计、创建图表、编辑图片、搜索文件并提供设计反馈。
Figma Make将想法和已有 Figma 设计转成原型与 Web 应用,并支持连接本地代码库。
MCP server连接外部工具,让 AI agents 读取、引用并操作 Figma 设计。
代码与画布协作将生产界面带回 Figma 转成可编辑图层,也能从设计更新创建 pull request。
生成式创作工具使用 Weave tools、生成式插件和 Shaders 创建图片、矢量、插件及自定义视觉效果。
AI 设计生产力工具支持图层重命名、添加交互、文本调整、图像编辑和视觉搜索等任务。

用户评论 (0)

还没有用户评论

成为第一个分享使用体验的人

查看更多

Figma AI 截图

官网首页截图

写评论

分享你的使用体验,至少 10 个字。评论可以发多条,打分在右侧卡片单独进行。

还需 10 个字 · 0 / 500