Tang Weijuan

Figma Agent 笔记

视频 - Meet the Figma design agent

https://www.youtube.com/watch?v=vY5IoRVTnJs

Figma 产品经理 Rodrigo 和产品设计师 Tammy 介绍 Figma 新推出的 Agent(智能代理) 功能。

一、核心价值:解决重复性工作

Agent 主要帮助设计师处理那些耗时、繁琐且打断创作流程的任务:

  • 批量替换组件、修改间距等重复性编辑(可跨 30 个屏幕批量操作)
  • 批量填充真实内容(用户评论、头像、图片等)
  • 只需一次修改提示框,即可自动应用到所有相关屏幕,节省 15-30 分钟

二、核心功能

并行探索设计方向

  • 可选择单个节点、多个父框架,或探索整个画布
  • Agent 实时在画布上工作,你可以边看边调整

设计库维护

  • 统一命名规范
  • 更新旧版/不符合品牌的 Token
  • 创建使用指南

AI + 直接操作结合

  • 快速生成设计起点(全新屏幕或修改现有设计)
  • 混搭重混现有设计,尝试不同布局
  • 探索更大胆、更有创意的方向

使用设计库生成

  • 生成屏幕时可自动使用已关联的设计库
  • Agent 根据上下文自动选择正确的组件和 Token
  • 可通过 @提及 指定具体组件

协作与评论管理

  • 按主题/话题汇总评论
  • 解释不清楚的评论
  • 自动初步处理单个评论或整类主题

三、未来规划

  • Agent 将获得更多上下文感知(附件、其他工具、互联网)
  • 支持用户自定义 Agent 行为
  • 逐步灰度上线,确保稳定性和高质量

四、一句话总结

Figma Agent 是一个嵌入设计工具中的 AI 助手,能自动化重复性任务、加速设计探索、维护设计规范、辅助团队协作,让设计师专注于真正有创造性的工作。

文档 - Work with the Figma agent in design files

https://help.figma.com/hc/en-us/articles/37998629035799-Work-with-the-AI-agent-in-Figma-Design

本文档介绍了Figma Design中AI Agent(代理)的功能和使用方法,这是一个在封闭测试阶段对部分用户免费开放的功能。该代理能够帮助设计师生成和混合设计、自动化繁琐工作并获得设计反馈,支持通过画布或侧边栏进行交互,允许并行运行多个提示、连接设计系统库并引用特定组件和变量。文档详细说明了代理支持的功能,如从零生成、编辑布局、批量处理内容和提供设计反馈,并提供了最佳实践建议,包括使用自动布局、提供具体指令和组织聊天线程。

关键点

  • AI Agent目前在Figma Design中供Professional、Organization和Enterprise计划的用户试用,具有完全编辑权限的用户可以完整使用。
  • 用户可以通过选择画布上的图层并按Cmd/Ctrl+Enter快捷键,或在左侧导航栏点击Agents,来访问并开始与代理对话。
  • 代理支持在多个帧上并行运行不同的提示,无需等待前一个任务完成,从而加速工作流程。
  • 通过连接Figma文件中的库,代理可以生成符合团队现有组件、样式和变量规范的设计结果。
  • 为获得更精准的输出,用户可以在提示中使用@符号直接引用设计系统中的特定组件、变量和样式。
  • 代理能够回答关于如何使用Figma Design本身的操作性问题,例如“如何使用自动布局?”,其答案来源于Figma帮助中心。
  • 代理提供的一项关键功能是“撤销(Undo)”,用户可以随时撤销代理所做的单次修改,保持对设计决定的完全控制。
  • 代理支持的功能包括从零生成新设计、编辑布局和组件实例、应用样式和变量、批量生成和编辑文本与图片、搜索库、审查评论以及提供设计反馈等。