乐于分享
好东西不私藏

Figma推出代码层与AI插件,向产品构建系统转型

Figma推出代码层与AI插件,向产品构建系统转型

  觉机录 · 报道  

【觉机录导读】Figma通过引入代码层、原生动画支持及深度AI集成,正从设计工具向融合代码与自动化的“产品构建操作系统”转型,重塑团队协作模式。

设计协作平台 Figma 近日发布了一项重大更新,引入了全新的代码层、动画与着色器支持,并允许用户利用人工智能创建自定义插件。这一系列功能升级,标志着 Figma 从纯粹的设计工具,向融合设计、代码与自动化工作流的综合性协作平台迈出了关键一步。

代码层:打破设计与开发的边界

此次更新的核心亮点是“代码层”的引入。Figma 首席产品官 Yuhki Yamashita 解释,这一功能旨在将代码仓库直接克隆到 Figma 的协作画布上,并支持从代码中提取设计流程,用于测试。其核心理念并非追求生产环境级别的代码质量,而是为设计师、产品经理和工程师提供一个可以快速探索、迭代想法的“空间化”环境。此前,Figma 已通过与 Claude Code 和 Codex 等工具的集成,尝试弥合设计与开发之间的鸿沟。代码层的加入,将这种集成从“工具对接”提升到了“环境融合”的层面,有望显著改变团队内部围绕产品原型进行协作与决策的方式。

动态与AI:设计表达力的全面升维

在视觉表达层面,Figma 新增了对动画、过渡效果以及 3D 变换的原生支持。过去,设计师通常需要借助其他专业软件制作动画,再将其转换为代码导入 Figma。现在,这一切都可以在 Figma 内部直接完成。更进一步,Figma 开始将 AI 能力深度融入创作流程。用户现在可以利用 AI 生成部分视觉资产,并且更新添加了对使用 AI 创建着色器效果和填充的支持。这得益于 Figma 去年收购的节点式工具 Weavy,其擅长通过不同 AI 模型运行工作流以比较输出结果。Figma 计划在今年晚些时候将 Weavy 的工作流生成功能直接整合进平台,使得 AI 驱动的创意探索变得更加无缝和高效。

AI代理与插件:迈向自动化工作流

此次更新的另一大重点是增强了平台的自动化与可扩展性。Figma 为其 AI 助手引入了新的“技能”系统。用户现在可以通过编写文本提示,来创建可重复使用的技能,供 AI 代理执行。同时,用户还可以将 Notion、Excel、GitHub 等外部工具或文件连接到 AI 助手,为其提供更多上下文信息,使其能更好地理解复杂任务。此外,一项创新功能允许用户通过提示词,直接生成自定义插件,例如布局生成器或矢量路径追踪器。这极大地降低了创建自动化工具的门槛,即使是不熟悉编程的设计师,也能根据自身需求构建专属的效率工具,预示着设计工作流自动化进入一个由自然语言驱动的新阶段。

总体而言,Figma 的这次更新远非简单的功能堆砌。它通过代码层、高级渲染能力和深度 AI 集成,正在重新定义数字产品协作的边界。其战略意图清晰:将平台从一个“设计交付工具”转变为一个“产品构建操作系统”,让不同职能的团队成员能够在同一个空间内,基于代码、设计和 AI 的共同语言,进行更高效、更富创意的协作。这或将对整个设计工具行业以及产品研发团队的工作模式产生深远影响。

秒追AI前沿
⭐ 点赞、转发、在看一键三连 ⭐
点亮星标,锁定觉机录极速推送!