SheepNav
新上线今天0 投票

Figma 更新:新增代码图层、动画支持与更多 AI 功能

设计平台 Figma 在最新更新中推出了多项重磅功能,包括代码图层、动画与着色器支持,以及基于 AI 的自定义插件创建能力。本次更新进一步模糊了设计与开发之间的界限,让设计师、产品经理和工程师能够在同一个协作画布上更自由地探索创意。

代码图层:让设计与代码无缝衔接

Figma 首席产品官 Yuhki Yamashita 表示,新增的代码图层允许团队直接从代码仓库中克隆代码,并将代码中的逻辑提取为设计图层用于测试。他强调,多人协作画布的核心优势在于:“你不需要关心代码质量,如果正在快速探索多个方向,可以用这种空间化的方式自由尝试。”这一功能旨在改变设计师、工程师和产品经理之间的协作模式,让迭代想法而非生产级代码成为焦点。

动画与 3D 变换:告别第三方工具

此前,设计师需要在其他软件中制作动画,再转换为代码导入 Figma。现在,Figma 原生支持动画、过渡和 3D 变换,用户可以直接在平台上完成动态设计。此外,AI 辅助生成着色器效果和填充功能也已上线,进一步降低了动态设计的门槛。

AI 代理与自定义插件:自主化工作流

去年收购的节点式工具 Weavy 正在与 Figma 深度整合。今年晚些时候,用户将可以直接在 Figma 内生成 Weavy 工作流,通过不同模型对比输出。同时,Figma 的 AI 助手新增了“技能”功能:用户可通过自然语言提示创建可重复使用的 AI 任务,并连接 Notion、Granola、Excel、GitHub 等工具或附加文件,让 AI 获得更多上下文。

更引人注目的是,Figma 支持用提示词创建自定义插件,例如布局生成器或矢量路径追踪器。这意味着非开发人员也能根据需求快速构建专属工具,进一步扩展了 Figma 的生态边界。

行业视角:设计工具正在变成“协作操作系统”

从去年推出 AI 原型工具 Figma Make,到集成 Claude Code 和 Codex,再到如今的代码图层与 AI 代理,Figma 正从单纯的设计工具转向一个融合设计、开发与 AI 的协作平台。这一趋势与整个行业“低代码/无代码”以及“AI 辅助开发”的浪潮相呼应。对于企业而言,Figma 的更新有望缩短从设计到开发的交付周期,降低沟通成本。而对于设计师和产品经理,掌握 AI 提示词与简单代码逻辑将成为新的必备技能。

延伸阅读

  1. 反亚马逊Prime Day:我在百思买、塔吉特、沃尔玛、山姆会员店找到了更好的折扣
  2. 美众议员否认工作人员使用AI撰写国防拨款修正案
  3. 蓝牙音箱并非千篇一律——Prime Day我推荐的机型
查看原文