
Figma 近日发布重磅更新,在协作画板上直接引入代码层、动画与着色器支持,并可通过 AI 提示词快速生成定制插件,进一步模糊了设计与开发之间的边界。
代码层:设计稿直接长出代码
此次更新的核心是将代码层(Code Layers)直接嵌入 Figma 协作画板。团队可以直接克隆代码仓库,并从代码中提取流程图,映射到设计层进行测试验证。
Figma 首席产品官 Yuhki Yamashita 表示,代码层让设计师、产品经理和开发者更专注于创意迭代,而非编写最终交付的"干净代码"。他指出:「多人协作画板的强大之处在于,你无需在意代码质量——快速探索或尝试不同方向时,完全可以以一种空间化的方式完成。我们希望这一功能不仅改变设计师的行为,也改变工程师和 PM 的行为。」
动画与 3D 变换:设计工具也能做动效
Figma 新增动画、过渡效果和 3D 变换支持。此前设计师需要在其他软件中制作动画,再转换为 Figma 可识别的代码;现在可直接在 Figma 内完成动画与过渡的集成。
本次更新还加入了 AI 生成着色器效果和填充的支持。
AI 助手技能与定制插件
Figma 正将 AI 助手升级为更实用的生产力工具。用户可以通过文本提示词创建可复用的「技能」(Skills),供 AI 代理调用。AI 助手现已支持与 Notion、Granola、Excel、GitHub 等工具联动,或附加文件来获得更多上下文信息。
此外,Figma 正在推出一项新功能:用户只需通过提示词,即可生成定制插件,例如布局生成器或矢量路径追踪器。
Weavy 深度整合即将到来
去年 Figma 收购了基于节点的工作流工具 Weavy,帮助设计师在多个模型间对比输出结果。Figma 正在推进两款工具的深度整合——今年晚些时候,用户将能在 Figma 内直接生成 Weavy 工作流。


评论