你设计了一个按钮:按下时先缩小,再轻轻弹回。过去,设计师常要录一段演示,补上参数说明,再请开发者照着实现。成品稍有偏差,双方就继续来回确认。Config 2026 值得关注,正因为 Figma 想减少的就是这些“把同一件事重新讲一遍”的环节。
Config 是 Figma 面向设计与产品开发社群的年度大会。按照 Chetan Singh 在 Muzli 的单篇报道,今年的重点不是某个孤立功能,而是把设计、原型和代码放进更连续的工作流。不过,目前所有信息都来自这一篇第三方文章,尚无独立信源交叉印证;其中部分发布状态也互相矛盾。
动效不再靠视频交代
报道将 Figma Motion 描述为原生时间轴动画工具。所谓时间轴,就是把动画按时间展开;设计师可以设置关键帧(指定某个时刻的状态)、缓动曲线(控制运动如何加速和减速)以及弹簧物理效果。
更关键的变化发生在组件层。组件是设计系统里的可复用积木,例如统一的按钮或输入框。报道声称,设计师只需给组件制作一次动画,文件中所有实例就会继承;以后修改动画,其他实例也会自动更新。
这可能减少两次交接。第一,不必逐页重复制作和校对同一种动效。第二,不必再让开发者从录屏中猜测运动参数。报道还称 Motion 可以导出 CSS、React、JSON 以及常见视频和动画格式。CSS 和 React 都是网页界面开发常用的表达方式,JSON 则是结构化数据格式。换句话说,交给开发者的东西有机会从“效果参考”变成更接近实现规格的材料。
原型开始碰到真实代码
传统的高保真原型看起来很像成品,但它通常仍是演示。开发者要把画面重新翻译成可运行的产品。Code Layers 试图缩短这段距离。
据该报道,Code Layers 可以在同一个 Figma 文件里,把设计图层转换成实时、可编辑的代码。改代码,设计随之变化;改设计,也能重新提取为可编辑图层,再把变化推回代码。Figma CEO Dylan Field 在主题演讲中的说法被转述为:“Code is not the opposite of design. Code is material.”——代码不是设计的对立面,而是设计材料。
如果能力与报道一致,设计师便能直接用最终可能采用的材料探索交互,而不只是画一张效果图,再等待工程师制作可行性样例。这里被压缩的是“设计师提出方向—工程师做验证版本—双方再修正”的早期交接。设计图和产品代码仍不是一回事,但两者之间多了一条双向通道。
还有哪些工作被收回文件里?
报道还提到 Figma agent。Agent 可以理解为能按指令连续执行任务的 AI 助手。文章称,它能根据自然语言描述制作带控制项的定制插件,也能连接 Notion、Slack 和 GitHub 等外部工具,并把团队惯例保存成可复用、可共享的“skills”。如果这些能力成立,一部分原本要交给插件开发者或依靠人工搬运的信息,可能直接留在设计工作流中。
另一项 Check Designs 据称会按照团队的设计系统检查文件,标出不一致之处并提供一键修正。设计系统是组件、样式和使用规则的共同标准。团队扩大后,同一个按钮常会出现多个版本,维护者需要不断确认哪个才是标准。自动检查瞄准的,正是设计师与规范维护者之间反复巡检和纠错的交接。
真正变化的是岗位边界
这些功能并不等于工程师、动效设计师或设计系统维护者会消失。材料也没有提供采用规模、节省时间或成品质量的数据。更稳妥的判断是:部分翻译、复刻和人工检查工作,可能不再需要单独排队交给另一位专业人员。
设计师的工作范围因此可能向两端延伸。一端是更精确地管理动效和组件规范;另一端是用真实代码验证早期想法。工程师接到的也可能不再是一张等待重建的图,而是包含部分行为和实现信息的文件。Config 2026 的信号,不是设计与开发已经合并,而是两者之间那堵靠文档、录屏和口头说明维持的墙,正在变薄。
局限与未知
- Code Layers 被同一篇文章同时写成“currently in waitlisted beta”和“Rolling out in July”。具体日期、开放范围和适用套餐均未披露,不能视为已经全面推出。
- 供稿在 Figma agent 部分中途截断,无法核查所谓五项发布的完整清单,也不足以证明这些交接已经普遍消失。
- 动效传播、格式导出、设计与代码双向更新等能力均只有一个第三方信源。实际效果仍需官方材料或产品测试验证。