Figma 推出代码层功能,支持动画与更多 AI 特性

内容管家 AI领域评论15字数 580阅读1分56秒阅读模式
Figma 推出代码层功能,支持动画与更多 AI 特性

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 工作流。

延伸阅读

 
内容管家

发表评论