Figma于周三发布了最新更新,新增了代码图层、支持动画和着色器效果,并引入了利用AI创建自定义插件的功能。

这款设计平台一直致力于将代码集成到工具中。去年,Figma推出了基于AI提示的原型设计工具Figma Make,并陆续与Claude Code和Codex集成,提升了设计与编码之间的协作效率。

此次更新中,Figma直接在协作画布上添加了代码图层,方便团队克隆代码库并将代码流程提取为设计图层进行测试。

Figma首席产品官Yuhki Yamashita表示,代码图层让设计师、产品经理和程序员能够更轻松地迭代创意,而无需专注于生成可直接投入生产的高质量代码。

“我们认为多人协作画布非常强大,因为在这里你无需过分关注代码质量。如果你需要快速探索或尝试多种新方向,可以通过这种空间化的方式实现。我们希望这项功能不仅能改变设计师的工作方式,也能影响工程师和产品经理的协作模式。”他在电话中说道。

此外,Figma现在支持动画、过渡效果和3D变换。此前设计师需要在其他软件中制作动画,再转换成应用可识别的代码。现在,设计师可以直接在Figma中集成动画和过渡效果。

动画支持示意图

用户还可以利用AI生成部分动画素材,更新还支持通过AI添加着色器效果和填充。

去年,Figma收购了基于节点的工具Weavy,该工具帮助设计师通过不同模型运行工作流并比较输出结果。Figma正在努力实现两款应用的深度整合,预计今年晚些时候用户将能直接在Figma内生成Weavy工作流。

公司还为其AI助手新增了多项技能,使其在协作画布上的实用性更强。用户现在可以通过文本提示创建可重复使用的技能供AI代理调用,还能连接Notion、Granola、Excel和GitHub等工具,或附加文件,为AI机器人提供更多上下文信息。

此外,Figma新增了帮助用户通过提示创建自定义插件的功能,比如布局生成器或矢量路径追踪器。

AI技能示意图