跳到正文
北京时间
原文
The Decoder:AI News(RSS)· Jonathan Kemper·· 2026-06-25精选AI 评分74

Figma在Config 2026押注人类判断,画布AI能力却来自第三方

Figma bets on human judgment at Config 2026 while the AI powering its canvas belongs to someone else

AI 导读

Figma在Config 2026将设计画布扩展至代码、动画、3D深度和着色器效果,并集成去年收购的Weave工作流系统。新功能包括Code Layers(代码与设计并存)、Motion动画、深度层、Shader及Generative Plugins。协作方面,团队可搜索复用AI提示词、保存工作流为技能、共享插件。Figma的AI功能依赖Anthropic、OpenAI和Google等外部模型,推理成本挤压利润率。同时,Anthropic等公司的竞争产品可直接生成界面,构成威胁。

推荐理由

我认为Figma这波更新很务实,它没有硬扛AI生成界面的对手,而是把代码、动效、3D拉进画布,用人的判断驾驭AI。虽然利润被模型供应商挤压,但共享提示和工作流的设计让团队协作更高效,做设计和产品的值得细看。

正文 · AI 翻译

Image description

Figma

要点

  • Figma 正在将其设计画布从静态布局扩展到涵盖代码、动画和 3D 效果,目的是在 Anthropic 和 OpenAI 等 AI 竞争对手越来越多地提供直接生成界面的工具之际,把用户留在自己的平台上。
  • 该公司正在推出协作功能,让团队可以分享成功的 AI 提示词、工作流和自定义插件,从而更轻松地在彼此成果的基础上继续构建。
  • 使用外部 AI 模型带来的高推理成本正在挤压 Figma 的利润率,促使该公司专注于设计与代码的更紧密集成,以降低 token 消耗并提升效率。

在 Config 2026 上,Figma 押注的是人类判断力和更智能的 token 使用方式,而不是自建模型。AI 作为该公司的关键增长驱动力,正在侵蚀利润率,而且来自 Anthropic 等供应商——这些供应商正在打造相互竞争的产品。

在旧金山举行的年度大会上,Figma 推出了一系列更新,将设计画布转变为可用于代码、动效、深度、表面效果和 AI 智能体的工作空间。该公司表示,95% 的《财富》500 强企业都在 Figma 中构建其产品。

用 AI 生成界面、文本和代码已经变得很便宜。而人类注意力——所有这些产出所争夺的东西——却没有增长。要想脱颖而出,就必须超越那些在互联网平均内容上训练出来的模型所能产出的东西。该公司表示,这些新功能为设计师提供了更多工具来实现这一点,同时不必放弃对结果的控制。

代码、动效、深度和着色器汇聚于同一块画布

一切从代码开始。去年,Figma 通过 Figma Make 首次将代码引入画布。如今,Make 可以拉取团队的生产代码,并通过分支、提交和拉取请求来应用更改,全程无需终端。该功能正在以 beta 版逐步推出。

借助全新的 Code Layers,设计与代码并排存在于同一空间。用户可以从设计生成代码,通过智能体对其进行提示,或从 GitHub 导入仓库。在代码层中,他们可以拖出可编辑的设计层,直接进行调整,再将其转换回代码。Figma 表示,其速度与设计师目前通过设计层迭代各种变体的方式相当。

Code editor in Figma with a file tree on the left showing App.tsx, a Components folder with StaggeredCarousel, Button.tsx, ProgressBar.tsx, and local-styles.css. App.tsx is open on the right with React and Router imports.
Code Layers 将组件以可编辑文件的形式直接显示在画布上。| 图片:Figma

动效是来到画布上的第二个元素。过去需要外部工具才能实现的动画、过渡和时间线,如今已成为设计系统的一部分。它们可以被协作编辑、通过智能体生成,并经由 Dev Mode 和 MCP 一路推送到生产环境。

另外,Figma 正在通过 3D 变换加入深度图层。在此之前,界面中的空间深度大多是用堆叠阴影伪造出来的。现在设计师可以直接塑造透视效果。

Animation editor with keyframes on a timeline, tracks for Position, Scale, and Opacity, and a comment from Hyein Shin suggesting to speed up this part of the animation.
Figma Motion 让团队可以在共享时间轴上协调动画——包括评论。| 图片:Figma

新的 shader 功能使用 WebGPU 来实现抖动、像素化以及各种模糊等效果,还能做出看起来像磨砂玻璃或抛光铬合金的表面。这过去需要图形编程知识。现在用户只需描述他们想要的效果,智能体就会生成它,并附带可调节的控制项。

所有这些功能背后的理念都是一样的。AI 不应该只是吐出一个成品结果,让你要么接受要么重新写提示词。它应该给你一个可以持续调整的工具。结果可以在团队内共享。

Figma canvas with an orange-and-gray halftone dot pattern in the background and a black logo made of the letters M and S connected by a knot-like symbol. A panel on the right labeled "Shader fills" shows a search field and four user-created shaders: Dither waves, Fluid halftone, Particle web, and Magnetic field, with the cursor hovering over Fluid halftone.
Shader Fills 将程序化填充——比如半色调或粒子图案——直接带到 Figma 画布上。| 图片:Figma

最后,Figma 将其去年收购的工作流系统 Weave 集成为它所称的“AI 材料”。Weave 让团队可以将多个模型和图像来源组合成一个连贯的设计方向,比如用于一场营销活动。

从本周开始,超过 20 个 Weave 工具可在画布上使用。Figma 称这只是第一步。完整集成预计将在今年晚些时候推出。目标是给品牌团队和产品团队一个共享工作空间。

Plugin window labeled "Texturize" with the brand name "Offtrail" as input and "Rock" as the texture description. On the right, the result shows the word "Offtrail" rendered in a rock texture above the tagline "Indoor Rock Climbing Club."
Weave 插件 Texturize 可根据描述将材质纹理应用到文字上。| 图片:Figma

共享提示词、技能和自定义工具

公告的后半部分是关于协作的。AI 让单打独斗变得更容易,却让团队协作变得更难。团队会陷入评审的泥潭,并失去对共享进度的追踪。

Figma 的解决方案聚焦于提示词本身。每一次与智能体的交互都会产生一套工作流和一种提示技巧。用户将能够搜索队友的智能体所完成的工作,并将其作为起点复用。找到了解决问题的好方法?把它分享给团队。

Figma interface showing a list labeled "Skills and commands" with entries /clay-morphism, /comment-synthesis, /crit-recap, and /contrast-improvements, with the cursor on /contrast-improvements. Below it, a prompt field reads "Check all my designs using /contrast-improvements." On the right, a product view shows "Sneakers" priced at $100.00 with a silver shoe, and a tooltip explaining that the skill replaces low-contrast color pairings with design-system-aligned alternatives meeting WCAG AA or AAA standards, published to the Growth Team by Cai C.
Agent Skills 让用户可以定义诸如 /contrast-improvements 这样的自定义命令,与团队共享,并将其应用到整个设计中。| 图片:Figma

常用的工作流可以保存为技能并在团队范围内部署,比如检查设计的合规性。这类技能在智能体产品中并不新鲜。它们已是基本门槛。智能体还可以通过第三方连接器、网络搜索和文件附件引入额外的上下文。

Generative Plugins 让用户通过提示词构建自己的可复用工具,无需开发环境。Figma 举了一个例子:一位金融科技设计师经常需要某些特定图表,可以为这种需求创建一个自定义工具。该公司表示,他们已经在内部使用这一功能好几个月了。

租来的智能,自担的风险

今年的 Config 大会召开之际,正值一个紧张的时刻。借助 Claude Design,Anthropic 能够在几分钟内根据提示词生成一个可点击、相当精致的界面。这类“氛围编程”工具挑战了 Figma 商业模式的基本前提——即数字产品始于一个设计文件。而 Claude Design 来自 Anthropic,正是 Figma 在其自身功能中所使用的模型供应商之一。供应商正在打造竞争对手。

Code Layers、Motion、Shaders 和 Weave 工作流就是 Figma 的回应。它们将 AI 生成带到画布之上,使其发生在 Figma 内部,而非绕开 Figma。如果你无论如何都要通过提示词来构建界面,Figma 希望确保你不会把它排除在这个过程之外。

供应商变成了竞争对手

这种依赖是有代价的。Figma 的 AI 运行在从 OpenAI、Anthropic 和 Google 租用的模型之上,这直接冲击了利润率。毛利率下降了,在 2025 年全年从约 92% 降至 86%,这一下滑与大规模 AI 推理成本相关。每一个提升用户参与度的新 AI 功能都会增加账单。

其中一家供应商同时也是竞争对手,这一点如今令股东们感到担忧。维权投资者 Findell Capital 在 Claude Design 发布后,要求对董事会与 Anthropic 的关系进行治理审查。在发布前几天,Anthropic 的产品负责人 Mike Krieger 已从 Figma 董事会卸任。

自研模型?算是吧

这场媒体简报会由 CEO Dylan Field 和首席设计官 Loredana Crisan 出席,后者于 2025 年从 Meta 转投 Figma。当 THE DECODER 询问 Figma 是否训练自己的基础模型,以及如何看待对 API 供应商的依赖时,Field 回避了这个问题。他说,公司曾在不同阶段训练过模型,但大多是用于提升效率的小型模型。

他说:“我们目前所处的状态,使我们既能从市场上所有与模型相关的创新中获益,也能训练自己的模型。”

Figma 并不试图取代前沿模型,只是要避免被锁定在任何单一供应商上。Weave 将任意图像模型按顺序串联起来,正是这样一道保障。Canva 则走的是相反路线,训练自己的模型以摆脱对 API 供应商的依赖。

为应对利润压力,Figma 依靠的是更高效的使用方式,而非自持模型。CodeConnect 将设计系统与对应的代码关联起来,让 AI 需要重新生成的内容更少。在具体的、经过测量的案例中,这可将推理成本降低约 30%。

Field 还抨击了某些 AI 炒作背后的经济账。当有人炫耀一个 AI 生成的设计时,他喜欢问对方花了多长时间、烧掉了多少 token。以人力工时来衡量,结果“有时完全不理性”。

押注于人类判断力

机器让创作变得廉价。而对创作的判断应当留给人。Crisan 说,AI 是一种工具、一种材料,但并不是将想法变为现实的唯一途径。

Field 进一步深入探究,最终聚焦于 Figma 所依赖的那些模型本身的弱点。他说,这些模型能解决高难度的数学和编程问题,却处理不了“div 居中”,也不理解美学、UX 或简单的判断取舍。他对快速采用 AI 的一个弊端直言不讳。在与 AI 的对话中,设计师常常得到近乎谄媚的赞美,于是抓住一个想法不放,悄然放弃了更广泛的探索。

Figma 于 2025 年夏天上市,首个交易日股价跃升至略低于 143 美元。在 2026 年 4 月 Claude Design 发布前后,该股跌至年度新低。52 周低点目前位于 16.60 美元,较历史最高点下跌约 88%。目前股价在 19 美元左右。

该产品仍在增长。营收近期上涨 46%,在 2025 财年,Figma 跨过了十亿美元大关。但这一增长引擎正在侵蚀利润率,而且来自争夺同一市场的公司。在 Config 上,Figma 展示了一块无所不能的画布。只不过为其提供智能支持的技术并不属于 Figma。

披露:Config 2026 的差旅和住宿费用由 Figma 承担。该公司对本文内容没有任何影响。

来源:The Decoder:AI News(RSS) · the-decoder.com