Figma 发布 AI 动态图形与 WebGPU 着色器工具
Figma 正通过将其核心画布直接集成先进的 AI 能力，从根本上改变设计与开发之间的桥梁。在年度 Config 大会上，这家设计巨头宣布了一系列高保真工具，包括 AI 驱动的动态图形和着色器效果，旨在实现复杂创意工作流的自动化。
通过 Code Layers 与全栈优化弥合差距
Figma 生态系统中最重要的转变之一是重新构想的画布，该画布现在已针对全栈开发进行了优化。“Code Layers”的引入让设计师和工程师能够在统一的环境中协作，有效地模糊了视觉原型与实时代码库之间的界限。
开发人员现在可以克隆代码库，使用 Figma 的 AI agent 生成新的设计方向，并将复杂的流程提取为可编辑的设计图层。至关重要的是，这些更新实现了双向工作流，使更改可以同步回代码。通过将 AI agent 和编码工具引入单一空间，Figma 正在从一个单纯的原型设计工具转型为整个产品开发生命周期的核心枢纽。
生成式动态与 AI 驱动的动画
Figma 正在解决 UI/UX 设计中最耗时的环节之一：动态效果。全新的 Motion 工具允许团队直接在平台内协作设计动画、过渡效果和 3D 变换。
用户无需手动为每个动作设置关键帧，而是可以利用聊天机器人界面通过“提示词（prompt）”来生成动画。这种由 AI 驱动的方法使创作者能够描述一种过渡效果——例如特定的弹跳或滑动——并让软件自动生成动画。由于这些动态资产与设计系统相连且有代码支持，它们是“开箱即用”的，从而显著减少了设计与前端工程之间的交付摩擦。
通过 WebGPU 着色器实现高保真视觉效果
为了突破视觉保真度的极限，Figma 推出了由 WebGPU 提供支持的新型着色器工具。这使得创建自定义视觉处理和填充成为可能，而这在以前受限于工具的功能是无法实现的。
用户现在可以直接在画布上使用提示词来构建复杂的着色器效果，例如抖动（dithering）、像素化（pixelation）和复杂的模糊类型。这种能力使设计师能够实现基于现代 Web 标准的高端、高性能视觉效果。与之相辅相成的是“Figma Weave”，这是一套包含 20 多个集成 AI 工具的套件，旨在将复杂的多步 AI 工作流转化为简单、直观的画布操作。
为什么这对 AI 领域至关重要
Figma 的演进预示了行业的一个更广泛趋势：从“AI 作为辅助工具”向“AI 作为集成引擎”转变。通过将生成能力嵌入到动态效果和着色器数学等专业领域，Figma 展示了 LLM 和生成式 AI 如何应用于高度专业化的技术工作流。这一发展为创意软件如何增强人类专业能力，而非仅仅是自动化简单的重复性任务，树立了新的标准。
核心要点
- 统一的工作流： 新的 Code Layers 允许开发人员将设计更改直接与代码同步，从而简化交付流程。
- 生成式动态： 设计师现在可以使用自然语言提示词来创建复杂的、有代码支持的动画和 3D 变换。
- 高级视觉效果： 通过集成 WebGPU 着色器，用户可以通过简单的 AI 提示实现抖动和像素化等高保真效果。