Figma Agent 好像偷偷变强了？

Figma 于 2026 年 5 月 20 日在官方博客宣布推出 Figma design agent，并称其从当天起以开放 Beta 形式提供。它不是一个独立的聊天网页，而是内置在 Figma Design 文件中：用户可以在画布上调用，也可以从文件左侧导航栏打开持续对话面板。官方将它描述为“为 Figma 构建、直接在画布中工作的 Agent”。

不知道是不是GPT6和CC5.5，最近再用发现生UI的效果比之前好很多，当然，同比之前的Pencil等工具，Figma 确实有点慢，但是它强在更准确，而不是随机画，设计更系统。

大部分人应该我和想法差不多，对之前的 Make 比较失望，可能也没怎么持续关注，风头都被Codex 抢走了。之前的 Make 是 Figma 提示词到可交互应用原型的探索阶段，现在的 Agent 相比之前已经强大很多，现在它能直接在画布生成与改造设计图，不用像之前需要单独进一个页面那么割裂，还可以自动化处理整个画布里的各种重复工作，包括可以给你设计反馈。还可以：

• 从提示词和已有上下文生成新的页面、屏幕或布局，探索不同的视觉方向。

• 基于选中的图层或现有设计进行 remix、调整和延展，并尝试沿用文件中的组件、变量、设计规范与品牌风格。

• 对重复性工作提出批量修改，例如统一变量命名、替换多个页面中的组件、调整一组画面的间距，或为多个 Frame 填入更真实的内容。

• 阅读设计评论、归纳反馈主题、整理下一步行动，或从不同角色视角对方案进行压力测试。

• 根据补充的设计、图片、文件、Skills 和连接应用信息获得额外上下文；在后续更新中，还能借助自定义工具和 Skills 生成插件、代码层或视觉效果。

说一千道一万，不如生图看一看！

1. 对图像应用 X 光效果

技能： /xray-scan

功能：将照片或文字描述转换为逼真的X光片，可视化物体的内部细节。它可立即生成两种效果——黑色背景上的亮白色和白色背景上的柔和暗色调。

2.找出运动缺失的部分

技能：/find-animation-opportunities

功能：扫描设计图，识别出哪些地方应该有动画效果但目前没有，反之亦然。这项技能可以解答诸如“这里哪些地方可以添加动画？”或“如何让它看起来更生动？”之类的问题。它会建议添加哪些动画、添加在哪里以及添加的具体数值。您可以自行在Figma Motion中实现这些更改，也可以让智能体自动应用。

3.为静态画面增添动感

技能： /camera-pan-and-zoom

功能：围绕选定的内容构建一个摄像机装置——一个模拟真实摄像机运动的嵌套图层结构——然后像动态导演构图一样，实现平移、缩放或旋转等动画效果。例如，它可以先以网格状视图浏览一组卡片，然后再缩小视图回到全屏显示。

4.找出界面中缺失的细节

技能：/better-interface

作用：为代理商 Jakub 提供了一套界面设计规则手册——涵盖排版、布局、可访问性、动态效果和产品文案等方面的具体标准。

5. 自动生成文档组件

技能：/component-handoff

功能：将单个组件或组件集转换为画布上可直接共享的文档框架。选择一个组件，即可展开显示：包含名称、版本、所有者和描述的标题、现场预览、一种变体网格、注意事项部分、交互/状态崩溃‘’该组件的完整结构。

6.将颜色与标记匹配

技能：/create-color

功能：将选定的 Figma 组件转换为完整的颜色规范。它会将每个可见的填充、描边和阴影映射到其设计标记或样式，标记硬编码的颜色，并记录不同变体和状态下的结果。

7. 一次性审核所有组件

技能：/analyze-components

它的功能：抓取页面并清理发现的内容。然后，它会对每个组件进行编目，并提供实时预览，以及：

• 标记孤立项、重复项和命名错误

• 通过克隆孤立组件并将所有实例替换为修复版本来自动修复问题。

• 将完整结果写入画布上格式的审计文档中。

8. 为每个状态进行设计

技能： /ui-state-expander

功能：将任何屏幕、组件或流程扩展为完整的状态集。这项技术确保每个状态在交付给工程团队之前都经过精心设计，并考虑到：

• 加载状态

• 空状态

• 错误状态

• 禁用状态

• 部分数据状态

• 极端情况

9.对你的设计进行评价

技能：/superfuture-design-review

它的功能：根据用户体验启发式原则、无障碍标准、视觉层级、交互设计和产品思维来审查文件。然后，它将每条备注归类到交通灯系统中：

10.创建可用性测试讨论指南

技能：/usability-test-guide

功能：提供一份即用型可用性测试讨论指南，该指南基于Neha作为研究员的最佳实践。此技能会查看用于可用性测试的设计流程，然后在画布上每个帧旁边直接添加上下文相关的引导问题。

 最后，现在 Beta 版本都可以免费使用，快去薅一下。

👉 如果觉得不错，随手点个赞、在看、转发三连

👉 如果想第一时间收到推送，也可以给我个星标 ⭐

👉 我们组了一群热爱探索的设计师，欢迎加入一起探索