Figma一键动画,设计师的代码时代来了
在今年的Config大会上,Figma一口气扔出了多个重磅更新,其中最让设计师们兴奋的,莫过于AI驱动的动效和着色器工具。简单来说,你现在可以在Figma里直接跟AI聊天,让它帮你生成动画、过渡效果,甚至做出以前只有专业图形程序员才能搞定的着色器效果。
从设计到代码,Figma想一统江湖
Figma这次对画布进行了彻底重构,目标是成为全栈开发的统一平台。过去,设计师在Figma里画好界面,开发再拿到代码编辑器里实现,中间总有各种沟通成本和还原度问题。现在,Figma直接引入了代码层:你可以在设计画布上直接操作代码,克隆仓库、用AI生成新方向、把流程提取为可编辑的设计层,最后还能把改动同步回代码仓库。这意味着什么?设计师和开发者终于能在同一个画布上实时协作,而不再需要来回切工具。
动效和着色器:AI让创意没有门槛
Motion功能是这次更新中最亮眼的部分。你只需要在Figma的聊天界面里描述想要的效果,比如“让这个按钮点击后像水波一样扩散”,AI就能自动生成对应的动画。它还支持预设样式和手动时间线调整,并且与设计系统打通,生成的结果可以直接用于开发。对于非动效专精的设计师来说,这简直是福音——不用再求助于动效设计师,自己就能快速产出高保真原型。
着色器工具同样令人惊喜。通过WebGPU技术,Figma现在支持AI生成着色器效果,比如抖动、像素化、各种模糊等。这些效果以前在Figma里根本做不了,设计师要么用Photoshop,要么写GLSL代码。现在,你只需要描述想要的视觉效果,AI就能帮你生成,并且直接在画布上应用到形状或文字上。这大大降低了创意视觉的门槛,让更多设计师能玩出专业级别的质感。
Figma Weave:AI工作流变成简单工具
Figma还推出了Weave工作流集成,首批20多个工具可以让设计师在画布上直接调用复杂的AI工作流。比如,你可以一键生成多风格变体、智能抠图、甚至是基于文本提示的3D模型生成。这些工具背后是复杂的AI模型,但使用体验被简化成了拖拽和点击。Figma透露,今年晚些时候会把Weave完全整合进来,届时Figma将不仅仅是设计工具,更是一个AI创意平台。
智能代理:把重复工作变成团队技能
除了面向设计师的更新,Figma还加强了团队协作层面的AI能力。Agent技能允许你把重复性任务(比如批量调整图标样式)变成可复用的“技能”,整个团队都能调用。新增加的第三方连接器、网络搜索和文件附件功能,让Agent能获取更多上下文,处理更复杂的任务。最酷的是,即使你不会写代码,也能通过自然语言生成插件——Figma的Agent可以把你的描述直接变成可运行的插件,并且支持分享和修改。
总的来说,Figma这次更新标志着设计工具进入了一个新阶段:AI不再只是辅助生成图片,而是深入到设计流程的每一个环节,从动效到代码,从着色器到工作流。对于设计师来说,学会与AI协作将成为必备技能;对于开发者而言,Figma正在变成一个更强大的前端开发环境。未来,设计工具和开发工具的边界会越来越模糊,而Figma显然想成为那个融合点。