先了解这件事
2026年6月24日,Figma在Config 2026上发布code layers、Figma Motion、shaders、generative plugins和Weave tools,官方称这些新工具与材质均可在画布上使用,让画布更具表现力。同日报道显示,Figma把Weave的20多个AI图像任务以Weave tools形式接入Figma Design左侧面板,覆盖风格迁移、产品拍摄、材质提取等场景,无需自行编写提示词即可获得稳定输出;Weave工作流现可在Figma Community发布和发现,反向的Figma node预计今年夏末上线,可把Figma画框作为实时输入接入Weave工作流。Weave tools处于公开测试阶段,测试期内免费,正式可用后将消耗Figma AI credits。目前尚无进一步有证据的发展。
AI 根据公开报道生成
事件进展
1 个已确认进展
- 来源：Figma AI / Agent / Make
报道与讨论时间线
按时间查看正式报道与传播讨论；两类内容的证据等级保持独立。
10月10日
Figma AI / Agent / Make一手
Figma Config 2026 发布：代码图层、Figma Motion、着色器与生成式插件
Figma 在 Config 2026 上推出代码图层、Figma Motion、着色器、生成式插件和 Weave 工具，全部可在画布上使用。官方称这些新材质与新工具让画布更具表现力，并推动用户突破原有创作边界。
6月24日
Figma AI / Agent / Make一手
Figma 在 Config 2026 发布代码图层、Figma Motion 与生成式插件
Figma 在 Config 2026 发布多项画布新能力，包括可一键把设计图层转为交互代码图层的 code layers、内置时间线与关键帧的 Figma Motion、由 Figma agent 生成的 shader 填充与效果、无需本地开发环境即可构建的生成式插件，以及进入画布的 Figma Weave 工具。code layers 从 7 月起逐步开放并已开放 waitlist，Figma Motion 即日可用，其时间线在 Dev Mode 中可查看并支持导出 CSS、JSON 或 React 动画代码，且兼容 MCP 以便交给编码智能体实现。Figma agent 昨日已向所有人发布，支持 Skills、Notion、Slack、GitHub 等连接器和附件，聊天默认对团队可见，并将扩展到 FigJam 和 Slides。
Figma AI / Agent / Make一手
Figma Design 推出代码图层，可在画布上共享和迭代代码
Figma Design 推出代码图层，让可交互代码成为画布的一部分，团队可在同一文件中探索、比较和迭代方案。用户可从工具栏添加代码图层、由现有 frame 创建或让 Figma agent 生成，也可导入 GitHub 仓库或上传本地文件夹；在 Make 中生成和编辑代码后同样能带到画布上。代码图层支持像复制 frame 一样尝试多个版本，选中 extract designs 可把当前状态转回可编辑的 Figma 图层，在代码编辑器里标注或手动修改后一键更新代码图层，并可推送到仓库。
Figma AI / Agent / Make一手精选
Figma 将 Weave 的 AI 图像工作流接入设计画布
Figma 宣布把 Weave 的 20 多个 AI 图像任务以 Weave tools 形式接入 Figma Design 左侧面板，覆盖风格迁移、产品拍摄、材质提取等场景，无需自行编写提示词即可获得稳定输出。Weave 工作流现可在 Figma Community 发布和发现，反向的 Figma node 预计今年夏末上线，可把 Figma 画框作为实时输入接入 Weave 工作流。Weave tools 处于公开测试阶段，测试期内免费，正式可用后将消耗 Figma AI credits。
Figma AI / Agent / Make一手
Figma 设计智能体新增自定义工具与更强上下文能力
Figma 宣布其设计智能体新增自定义工具与更强上下文能力，用户可通过提示词在画布上生成可复用的生成式插件和基于 WebGPU 的 shader 效果与填充。智能体支持直接附加文件、引用其他 Figma 文件结构、联网搜索，并通过 MCP 连接器接入 GitHub、Atlassian、Slack 等工具；用户还可把常用提示词保存为自定义技能并发布给团队。使用他人插件或 shader 在所有套餐免费，提示智能体构建插件或 shader 需设计智能体权限，正式可用后将消耗 AI credits。