Figma Make 全面进化:属性面板、本地代码与设计 Agent
Figma 官方博客阐述当下打造好产品的三大要素——速度、方向与差异化,并发布 Figma Make 多项新能力。
AI 时代,从一句提示词到一个可点击的原型可能只需几小时,但「快」并不等于「好」。Figma 官方博客近日发文指出,真正能持续产出优秀产品的团队往往在三件事上做得到位:在最后 20% 保持速度、在下注前充分探索多个方向,以及让最终成果具备只属于自己团队的辨识度。文章围绕这三要素展开,并同步介绍了 Figma Make 的一系列新能力。
速度:在最后 20% 保持势能
AI 让产品的前 80% 变得容易,但也容易在收尾阶段失速——原型看起来像可以直接上线,但一旦要套用设计系统、从设计交付到代码,往往反而制造了额外工作。Figma 认为,真正的速度不是「尽快出货」,而是「尽快走向正确的方向,同时建设得高效且有辨识度」。
随着任务变细、参与的人变多、距离上线越来越近,「快」的含义也随之改变:
- 用最快的媒介解决对应问题:调整表单与按钮之间的间距,直接在 Figma 里改比写提示词更快;而让价格根据使用人数自动变化,则在代码里设置一个简单计算更合适。最大的速度提升来自「为每类改动选择最快的路径」,而不是把所有任务都塞进同一条工作流。
- Figma Make 新增属性面板与注释:现在可以在 Figma Make 中直接选中元素,通过属性面板调整间距、字体、布局、尺寸等参数,或在上下文中写提示词,让 AI 生成的设计与代码之间不再有明显鸿沟。
- 将 Figma Make 预览复制到画布:任何 Figma Make 预览中的设计都可以作为可编辑图层复制回 Figma Design,方便团队继续打磨。
- Figma Make 支持本地代码:可以在产品的现有代码中直接进行改动和预览,再把改动提交给工程团队评审。
让全队都用上你的快捷方式
当工作流进入团队协作环节,维持速度意味着把个人发现的高效做法沉淀为可复用的资产。例如设计师摸索出一套快速校验无障碍标准的流程,可以把它做成整个团队都能复用的工作流。在 Figma 中,这些可复用的方式可以做成 skill 或 plugin:
- Skill:可用 / 命令触发的一组可复用指令,例如检查设计是否符合无障碍规范。
- Plugin:在画布上执行特定任务的可复用工具,例如自动生成仪表盘布局、整理一组图片。
Figma 现在支持直接在产品内为 Agent 编写 skill,或让 Figma Agent 根据描述生成可复用的 plugin,例如让 Agent 自动把一组图片排进布局,然后把这一快捷方式分享给团队,用于设计评审、用户测试、合规检查等重复性工作。
方向:下注前先广泛探索
过去,探索多个方向往往耗时更长,团队要么被迫过早收窄,要么让方案停留在过于假设性的层面,难以判断是否真的可行。Figma 认为,今天同样的工具既能加速第一条路径,也能让团队更快地尝试更多备选,在更多真实场景里验证想法,再做出承诺。
文章以一个预约发廊的设计流程为例:一个原型可能只展示了「选中空闲时段—收到确认」的理想路径,却没有覆盖本周完全无空位、发型师临时取消、客户需要改期等边界场景——而这些正是原型过于局限、难以呈现全貌的关键时刻。文章在此处的进一步讨论在原始摘录中未能完整呈现。
小结
Figma 通过本次更新传递出一个明确信号:在 AI 让「做出来」变得更廉价之后,决定产品能否真正上线并被用户认可的,是团队在最后阶段保持的速度、在下注前探索的方向宽度,以及最终成果中体现出的差异化。围绕这一叙事,Figma Make 在编辑能力、代码衔接、团队复用三个层面同步补齐,让设计与代码之间的协作更紧密。
