AI × Design Daily 第 72 期
设计师的 AI 日报
2026 年 4 月 14 日 · 周二 今日更新 每个工作日早 9:00
今日速报 🧵 Figma Weave 工作流模板上线 Community，节点式多模型 AI 管线正式开放 · 🎬 Figma Design & Draw 支持画布视频播放，设计稿终于能「动」起来 · 🎨 Google Stitch 2.0 持续进化，AI 原生设计画布挑战 Figma · 🤖 Microsoft Agent Framework 1.0 发布，MCP+A2A 全支持 · 🎮 Figma April Fun Day：用 Make+Weave+MCP 构建六款小游戏
今日头条
本周发布 · AI 工作流 · Figma
工具更新 · Figma Weave
Figma Weave 工作流模板上线 Community：节点式多模型 AI 管线正式开放
Figma 在 Community 上线了 20+ 个 Weave 工作流模板，任何人都可以复制并运行节点式多模型 AI 管线——从图片生成、风格迁移到视频合成，无需代码基础。Figma 正在把「多模型 AI 编排」从 VFX 专业圈带入设计师的日常工作台，这是继 Make Kits 之后又一个让设计系统团队兴奋的功能。
本周发布 Figma Weave 读全文 →
94
热度
本周更新 · Figma Design
Figma 画布视频播放：设计稿终于能「动」起来了
Figma Design 和 Figma Draw 现已支持画布内视频播放控制——播放、暂停、全屏、调速、音量，一应俱全。视频文件在画布上有专属视觉标识，与图片一眼可辨。这意味着设计师可以直接在 Figma 里做含视频的交互原型，无需再切换到其他工具。
Figma Design 详情 →
编辑观点
85
视频播放功能对做短视频 App、直播产品、教育类产品的设计师尤其实用——终于可以在 Figma 里直接展示「视频播放态」的交互原型，不用再截图或录屏替代了。
🔥 热度 85 详情 →
深度资讯
🎨 AI 设计工具 · Google Stitch
Google Stitch 2.0：AI 原生设计画布正在重新定义「从想法到界面」的速度
Google Labs 的 Stitch 在 3 月更新后持续引发设计圈热议。Stitch 2.0 引入多屏生成、AI 原生无限画布和交互原型能力，支持文本、语音、参考图多种输入方式，并可导出多框架前端代码。完全免费（有用量限制）。它不会立刻取代 Figma，但正在改变团队从「想法」到「可交互界面」的速度——从几天缩短到几分钟。
编辑推荐：适合快速原型验证和早期概念探索 读全文 →
行业动态 · Microsoft
Microsoft Agent Framework 1.0 发布：MCP+A2A 全支持，AI 代理生态成型
微软将 Semantic Kernel 和 AutoGen 合并为 Agent Framework 1.0，支持 MCP 工具发现和 A2A 跨框架协作。对设计工具生态的影响：Figma、Adobe 等工具的 AI 代理将能更顺畅地与企业工作流集成，「AI 设计代理」的落地门槛大幅降低。
行业动态 详情 →
设计实验 · Figma
Figma April Fun Day：用 Make+Weave+MCP 构建六款小游戏，AI 工具实战报告
Figma 团队在年度 April Fun Day 用 Make、Weave 和 MCP 构建了六款小游戏，并公开了完整的 AI 工具使用心得。这是目前最真实的「Figma AI 工具组合实战」案例，值得每个想建立 AI 工作流的设计师仔细阅读。
设计实验 详情 →
今日工具
🧵Figma Weave🔥 本周最热
🎬Figma 视频播放✨ 新发布
🎨Google Stitch 2.0✨ 持续进化
🤖MS Agent Framework📈 行业动态
🎮Figma Fun Day✨ 实战案例
今日洞察
编辑观点
Figma 这周同时推进了 Weave 工作流模板和视频播放两个方向，一个向上（多模型 AI 编排），一个向下（媒体呈现能力）。这不是巧合——Figma 正在把自己从「设计工具」变成「创意生产平台」。对设计师来说，现在最值得投入时间的事，是把 Weave 的节点式工作流思维学会：它将成为下一代设计师的核心竞争力之一。
— 写给正在建立 AI 工作流的 UX/UI 设计师
本周发布Figma Weave
Figma Weave 工作流模板上线 Community：节点式多模型 AI 管线正式开放
✕
编辑观点
Figma Weave 的 20+ 工作流模板是目前最低门槛的「多模型 AI 编排」入口。现在就去 figma.com/community/weave 复制一个「图片风格迁移」或「品牌插画批量生成」工作流，跑一遍，你会对「节点式 AI 思维」有直观感受——这将是下一代设计师的核心技能之一。
名词解释
Figma WeaveFigma 收购 Weavy 后推出的 AI 创意工作流平台，采用节点式画布，可以将多个 AI 模型（图片生成、视频合成、风格迁移等）串联成可复用的工作流管线，无需代码基础。
节点式工作流（Node-based Workflow）一种可视化编程范式，将每个处理步骤表示为「节点」，通过连线定义数据流向。ComfyUI 是 AI 图像生成领域的代表，Figma Weave 将这种思维带入了设计工具。
怎么用
批量生成品牌插画时
在 Figma Community 找到「品牌插画批量生成」Weave 工作流，复制后替换品牌色和风格参考图，输入不同的主题词，批量输出一致的品牌插画素材，无需逐张手动生成
做视觉风格探索时
用 Weave 的「风格迁移」工作流，把参考图的视觉风格应用到你的产品截图上，快速生成多种视觉方向供团队评审，比手动修改效率高 10 倍
可直接使用的 Prompt 点击复制
我需要为 [品牌名称] 生成一套风格统一的插画素材。品牌色：[主色/辅色]，风格参考：[扁平/渐变/线条/3D]，主题：[科技/自然/人物/抽象]。请生成 5 张不同场景的插画，保持风格一致，可用于 App 启动页、空状态页、引导页等场景。
本周发布Figma Design
Figma 画布终于能播视频了——Design 和 Draw 全面支持视频播放控制
✕
编辑观点
视频播放控制上线后，设计师终于可以在 Figma 画布里直接预览动效和视频内容，不用再切换到其他播放器。对做短视频 App、直播界面、视频编辑器 UI 的设计师来说，这个功能会大幅提升原型的真实感和评审效率。
名词解释
On-canvas Video PlaybackFigma 新增的画布内视频播放功能，支持播放/暂停、全屏、倍速和音量控制，视频文件在画布上有专属视觉标识，可与图片快速区分。
Figma DrawFigma 2025 年推出的矢量插画工具，专注于高级矢量绘制，现已支持视频文件嵌入和播放，可在插画稿中直接预览动态内容。
怎么用
做视频 App 界面设计时
将真实视频素材拖入 Figma 画布，直接在设计稿中播放预览，评审时让利益相关方看到真实的视频播放效果，而不是静态截图占位符
做动效原型时
将 After Effects 或 Lottie 导出的视频嵌入 Figma 原型，在交互流程中直接触发播放，让原型更接近真实产品体验
可直接使用的 Prompt 点击复制
请为一个短视频 App 设计视频播放页面。要求：全屏视频背景（16:9 比例），顶部半透明导航栏（返回+分享+更多），底部控制栏（进度条/播放暂停/音量/全屏），右侧悬浮操作栏（点赞/评论/收藏/关注），视频信息区（标题/作者/话题标签）叠加在底部。参考抖音/TikTok 的交互模式，注意安全区域适配。
工具更新Google Stitch
Google Stitch 2.0：AI 原生设计画布，一句话生成多屏 UI + 语音输入
✕
编辑观点
Stitch 2.0 最值得关注的是「多屏生成」——你可以描述一个完整的用户流程，AI 直接生成多个关联页面，而不是单页面。对于快速验证产品概念的设计师来说，这是一个真正的效率革命。而且完全免费，没有理由不试试。
名词解释
Vibe DesignGoogle Stitch 提出的设计理念：不从线框稿开始，而是直接描述商业目标、用户感受或贴参考图，AI 生成高保真 UI。类似「Vibe Coding」的设计版本。
Voice CanvasStitch 2.0 新增的语音输入功能，设计师可以用说话的方式描述界面需求，AI 实时在画布上生成和修改 UI，解放双手。
怎么用
快速验证产品概念时
在 stitch.withgoogle.com 描述你的产品核心流程（如「用户注册→填写资料→进入首页」），Stitch 会生成完整的多屏 UI 流程，10 分钟内得到可展示的原型
做设计评审前的快速出图时
用 Voice Canvas 口述界面需求，AI 实时生成，然后导出代码（支持 React/Flutter/SwiftUI），直接交给开发同学参考，省去手动标注环节
可直接使用的 Prompt 点击复制
请为一个外卖 App 设计完整的下单流程，包含 4 个页面：1）餐厅详情页（菜单列表/评分/配送信息）；2）购物车页（商品列表/价格明细/优惠券入口）；3）地址选择页（地图/地址列表/新增地址）；4）订单确认页（商品摘要/配送时间/支付方式/提交按钮）。风格参考美团外卖，使用橙色主色调，注意各页面之间的信息一致性。
行业动态Microsoft
Microsoft Agent Framework 1.0 正式发布：MCP+A2A 全支持，AI 代理生态成型
✕
编辑观点
Agent Framework 1.0 的发布意味着「多 AI 代理协作」正式进入生产级别。对设计师的影响是：未来的设计工具将不再是单一 AI 助手，而是多个专业 AI 代理协同工作——一个负责生成 UI，一个负责检查可访问性，一个负责生成代码，全程自动化。
名词解释
A2A（Agent-to-Agent）AI 代理之间相互通信和协作的协议标准。A2A 1.0 让不同框架构建的 AI 代理可以互相委托任务，就像微服务架构中的服务调用一样。
MCP（Model Context Protocol）AI 模型连接外部工具和数据源的标准协议，已被 Anthropic、OpenAI、Google、Microsoft 等主要 AI 厂商全面采用，月下载量超 9700 万次。
怎么用
了解 AI 代理生态时
关注 Figma MCP、Adobe MCP 等设计工具的 MCP 服务器更新，这些工具正在成为 AI 代理生态的重要节点，未来可以被 Agent Framework 等平台直接调用
评估 AI 工具选型时
优先选择支持 MCP 协议的 AI 设计工具，这类工具可以无缝接入未来的多代理工作流，避免被孤立的「AI 孤岛」困住
可直接使用的 Prompt 点击复制
请帮我规划一个 AI 辅助设计工作流，使用多个 AI 代理协同完成以下任务：1）用户研究代理：分析用研报告，提炼核心需求；2）设计生成代理：基于需求生成 UI 方案；3）可访问性检查代理：检查设计是否符合 WCAG 标准；4）代码生成代理：将设计转化为前端代码。请描述各代理的职责、输入输出格式，以及如何协调工作。
实战案例Figma
Figma April Fun Day：用 Make+Weave+MCP 造了 6 款小游戏，AI 工具实战全记录
✕
编辑观点
Figma 官方团队用自家 AI 工具造游戏，这篇博客是目前最真实的 Make+Weave+MCP 联合使用案例。强烈建议读原文——不是因为游戏有多好玩，而是因为他们踩过的坑和总结的经验，正是你在实际项目中会遇到的问题。
名词解释
Figma MakeFigma 的「提示词转代码」工具，基于 Claude 3.7 模型，可以将自然语言描述转化为可交互的 Web 应用原型，支持直接发布为公开链接。
Figma WeaveFigma 收购 Weavy 后推出的节点式 AI 工作流工具，支持图片、视频、3D 等多模态内容的生成和编辑，可串联多个 AI 模型完成复杂创作任务。
怎么用
学习 AI 工具组合使用时
阅读 Figma 官方博客「How Figma AI tools helped us bring extra delight to the canvas」，了解 Make、Weave、MCP 三个工具如何在真实项目中协同工作，提炼可复用的工作流模式
做团队 AI 工具培训时
用 Figma Fun Day 的案例作为培训素材，展示 AI 工具从「概念」到「可交付成果」的完整路径，降低团队对 AI 工具的心理门槛
可直接使用的 Prompt 点击复制
请帮我设计一个 AI 工具学习计划，目标是在 4 周内掌握 Figma Make、Figma Weave 和 Figma MCP 的基本使用。每周学习目标：第1周：Make 基础（文本生成 UI、调整和迭代）；第2周：Weave 基础（节点工作流、图片生成）；第3周：MCP 连接（连接 IDE、读取设计系统）；第4周：综合项目（用三个工具完成一个完整的设计需求）。请为每周推荐具体的练习项目和学习资源。