Figma于本周三推出重大更新:新增代码层功能,原生支持动画与着色器效果,并进一步升级AI能力——用户现在能够借助AI创建自定义插件。

长期以来,Figma持续探索如何将编程能力更自然地融入其设计工具。去年,它推出了基于AI提示词的原型设计工具Figma Make,并相继接入Claude Code和Codex,试图缩小设计与开发之间的鸿沟。而这一次,它直接将“代码层”嵌入协作画布。
具体来说,团队现在可以在画布中直接克隆代码仓库,将代码中的流程提取为设计层,并直接运行测试。用Figma首席产品官Yuhki Yamashita的话来说,这种做法最大的优势在于:无需过分在意代码质量。设计师、产品经理与开发工程师都能在同一空间内快速试错、反复迭代,而不必受生产级代码标准的限制。
他在一次沟通中明确表示:“多人协作画布之所以强大,就在于你可以完全忽略代码质量。想要快速探索,或者同时测试多个方向?这种空间化的方式正是为此设计的。我们希望这个功能不仅改变设计师的工作流,也在悄然影响工程师和产品经理的协作逻辑。”
除了代码层的加入,Figma在视觉动效领域也实现了实质性的升级。动画、过渡效果、3D变换——现在均为原生支持。过去,设计师需要先在外部软件中制作动画,再想办法转换为应用可识别的代码;如今可直接在Figma内部完成集成。减少一个步骤,意味着效率明显提升。
更灵活的是,这些视觉资产现在也能交由AI生成。本次更新中,Figma已支持通过AI添加着色器效果和填充样式,为视觉创作提供了一条快捷通道。
回顾过去,Figma去年收购了基于节点的工具Weavy,这一意图已十分清晰——它希望用户能在不同模型上运行工作流,并直接对比输出结果。目前,整合仍在推进中,预计今年晚些时候将迎来一个关键节点:用户可直接在Figma内部生成Weavy工作流程。
另一个值得关注的升级方向是AI助手的进化。Figma为其AI助手增添了多项新技能,目标明确——让它在协作画布中真正“派上用场”。用户现在可以通过文本提示创建可复用的技能,供AI智能体反复调用。此外,还能连接Notion、Granola、Excel、GitHub等第三方工具,或直接上传文件,为AI提供更丰富的上下文信息,使其更精准地理解你的需求。
甚至连插件开发也被进一步下放。用户只需输入一段提示词,就能生成自定义插件——例如布局生成器,或矢量路径追踪器。对于非技术背景的设计师而言,这无疑显著降低了门槛。
Q&A
Q1:Figma新增的代码层功能具体能做什么?
A:代码层功能允许团队在协作画布中直接克隆代码仓库,并将代码流程提取为设计层进行测试。关键优势在于无需纠结代码质量,设计师、产品经理和工程师都能在同一环境里快速迭代创意,协作效率显著提升。
Q2:Figma现在支持哪些动画和特效功能?
A:本次更新后,Figma原生支持动画、过渡效果和3D变换,无需再到外部软件中制作动画再转码导入。同时,AI也加入创作流程,可通过提示词生成着色器效果和填充样式,简化视觉资产的生产路径。
Q3:Figma的AI智能体新增了哪些能力?
A:用户可通过文本提示创建可复用的技能,供AI智能体反复调用;还可接入Notion、Granola、Excel、GitHub等第三方工具,或上传文件,让AI获取更丰富的上下文。此外,直接用提示词生成自定义插件(如布局生成器或矢量路径追踪器)也成为可能,几句话即可完成。
