AI × Design Daily 第 152 期
设计师的 AI 日报
2026 年 8 月 3 日 · 周一 今日更新 每个工作日早 9:00
今日速报 Figma Config 2026 发布 Motion 与 AI Agent · Canva AI 2.0 月活破 2 亿 · 91% 设计师日常使用 AI · UXbot 原型到代码仅需半天 · Midjourney V7 与 Runway Gen-3 双更新
今日头条
今日发布 · 设计工具 · Figma
设计工具 · Figma
Figma Config 2026 发布 Figma Motion 与 AI Agent
Figma 年度大会推出 Motion 动效引擎、Weave 全栈协作平台、Code Layers 代码层及 Figma Agent，设计到开发链路彻底打通。
今日发布 设计工具 读全文 →
95
热度
行业动态 · 营销设计
Canva AI 2.0 月活突破 2 亿
Canva 在 Create 2026 大会上推出自研 Design Model，整合 Affinity 专业套件，从「模板网站」升级为全链路视觉工作平台。
营销设计 · Canva 详情 →
编辑观点
90
营销设计师可优先迁移到 Canva AI 2.0，批量生成素材效率提升明显。
🔥 热度 90 详情 →
深度资讯
🔥 行业报告 · 趋势洞察
91% 设计师已将 AI 纳入日常工作流
《State of AI Design 2026》报告显示，全球设计师日常项目引入 AI 的比例从 54% 跃升至 91%，AI 不再是「玩具」而是生产力核心。
趋势洞察 读全文 →
工具推荐 · 效率提升
UXbot 将原型到代码交付压缩至半天
流程画布 + 多页面一次生成 + 原生代码导出，UXbot、Google Stitch、Flowstep 等工具正在重新定义设计交付标准。
效率工具 详情 →
图像 AI · 视频 AI
Midjourney V7 与 Runway Gen-3 双更新
Midjourney V7 提升图像生成一致性和细节控制，Runway Gen-3 支持更长的 AI 视频生成，视觉创作进入「精确控制」时代。
视觉创作 详情 →
今日工具
✦Figma Motion🔥 本周最热
✨Canva AI 2.0🆕 新发布
🚀UXbot🆕 新发布
🎨Midjourney V7更新
🎬Runway Gen-3更新
今日洞察
编辑观点
"2026 年，AI 不再只是设计师的「辅助工具」，而是正在重塑从创意到交付的完整工作链路。"
— 写给正在把“会用工具”升级为“会设计工作流”的 UX/UI 设计师
今日发布设计×工程
Figma Make 本地代码模式：在 IDE 里自然语言生成组件，设计工程真正无缝
✕
编辑观点
Figma Make 的本地代码模式是"设计在哪里，工具就在哪里"的最佳诠释。设计师不再需要在 Figma 和 IDE 之间来回切换——你在 VS Code 里描述组件需求，Figma Make 实时生成代码并同步到画布，改完代码，设计稿自动跟上。这对前端设计师和设计系统团队是重大升级。今天就去 figma.com/make 试试本地模式。
名词解释
Figma MakeFigma 的 AI 代码生成工具，支持在 Figma 画布内用自然语言生成可运行的前端组件代码（React/HTML/CSS），现已扩展支持本地 IDE 环境运行。
上下文感知提示（Contextual Prompting）AI 工具读取当前设计系统、已有组件、代码上下文，在生成新内容时自动保持风格一致性、复用已有变量，而非每次从零生成。
怎么用
搭建设计系统组件时
在 VS Code 中打开设计系统仓库，连接 Figma Make 本地模式，输入"基于当前 Button 组件，生成一个 IconButton 变体，支持 leading/trailing icon 两种布局，保持相同间距和颜色 Token"，AI 生成代码并同步到 Figma 组件库，30 秒完成。
快速验证交互原型时
在本地项目中输入"为这个列表页添加下拉刷新和无限滚动，保持与现有列表项组件一致的样式"，Figma Make 生成可运行代码，直接在浏览器预览交互效果，无需等待工程师联调。
可直接使用的 Prompt 点击复制
我正在使用 Figma Make 本地代码模式，当前设计系统使用 React + Tailwind CSS。请帮我生成一个「空状态组件」（Empty State）：1）包含一个可自定义的插图占位区（接受 SVG icon 作为 prop）；2）标题文字（h3 样式）和描述文字（body 样式）；3）可选的 CTA 按钮（primary 样式）；4）支持 horizontal 和 vertical 两种布局模式；5）颜色使用现有 Token（primary、muted、border）；6）组件需要有完整的 TypeScript 类型定义。请同时生成对应的 Figma 组件规范说明。
可直接使用的 Prompt 点击复制
请为一款面向 25-35 岁都市白领的冥想 App 设计首页 UI。设计要求：1）整体氛围：平静、专注、高级感，避免过度设计；2）主要模块：今日推荐冥想（含时长和主题）、连续打卡天数、快速开始按钮、最近使用记录；3）配色：以深蓝或深绿为主色，搭配米白背景；4）字体：简洁现代，中英文混排；5）同时生成深色模式版本。请输出可导出为 Figma 的设计稿。
可直接使用的 Prompt 点击复制
你是一位 Figma 设计专家，已连接到我的 Figma 画布。请帮我完成以下任务：1）基于现有设计系统，生成一个用户个人中心页面，包含头像、基本信息、历史订单入口、设置入口；2）检查所有新生成的元素是否使用了 Color Variables 和 Text Styles；3）确保间距符合 8px 栅格规范；4）输出完成清单和任何需要人工确认的设计决策。
热门模板Figma Weave
Figma Weave 用户画像模板：2 分钟让 Persona 活起来，设计决策有了情感锚点
✕
编辑观点
传统 Persona 是设计师"写给自己看"的文档——创建完就放在角落吃灰。Figma Weave 的革命性在于让 Persona 变成可对话的活体：你可以实时问它"在这个功能上你会卡在哪里"，AI 会用第一人称、结合生活背景回答。这让用研洞察真正嵌入设计决策过程，而不是停留在 PPT 里。今天就去 Figma Community 搜索这个模板。
名词解释
Figma WeaveFigma 的 AI 内容增强工具，可以将结构化数据（如用户调研数据、品牌信息）转化为丰富的视觉内容和可交互的叙事体验，2026年功能持续扩展。
ICP（Ideal Customer Profile，理想客户画像）描述最适合使用某产品/服务的用户类型的结构化画像，包含人口统计、行为特征、痛点和目标，是 B2B 产品设计的重要工具。
怎么用
项目启动用研工作坊时
在 Figma Weave 中使用用户画像模板，输入用研数据摘要，AI 自动生成3个差异化 Persona，每个包含生活场景故事、核心痛点语录、情绪旅程图；在工作坊上展示并让团队投票确认优先级，把用研到设计决策的周期从1周压缩到1天。
设计方案评审时
把 Weave 生成的 Persona 放在 Figma 设计稿旁边，评审时直接问"这个功能对 Persona A 来说路径是否过长"，AI 用 Persona 视角回答，让评审从"我觉得"变成"用户会觉得"，大幅减少主观争议。
可直接使用的 Prompt 点击复制
请帮我基于以下用研数据生成3个用户 Persona，用于指导一款面向自由职业者的时间管理 App 设计。用研背景：访谈了20名25-35岁自由职业者，主要痛点包括：无法区分"重要"和"紧急"任务、客户沟通占用大量计划时间、收入不稳定带来的焦虑影响专注力。每个 Persona 请包含：1）姓名+年龄+职业背景（1段）；2）一天典型的工作流程（带时间轴）；3）与时间管理相关的3个核心痛点（用第一人称语录表达）；4）对理想工具的3个期望；5）情绪曲线（一天中情绪高低点）。
可直接使用的 Prompt 点击复制
我有一个现有的 React 导航栏组件，需要将其转换为 Figma 设计稿并进行改版。请帮我：1）分析这段代码的 UI 结构，列出所有可见元素和交互状态；2）指出哪些样式值（颜色、间距、字体）可以映射到 Figma 的 Design Tokens；3）建议改版方向：如何让这个导航栏更符合 2026 年的设计趋势（简洁、AI 友好、支持暗色模式）；4）生成改版后的 Figma 组件规范，包含所有状态（默认、悬停、激活、禁用）。
可直接使用的 Prompt 点击复制
请为我的产品发布活动生成一张宣传海报。活动信息：产品名称「智汇助手 2.0」，发布日期 2026年6月15日，地点上海·新国际博览中心。设计要求：科技感+简洁风格，主色调深蓝+金色点缀，需突出产品名称和日期，底部留空间放公司 logo。请生成3个不同构图版本供选择。
深度解读Adobe × NVIDIA
Adobe × NVIDIA RTX Spark：Photoshop & Premiere AI 处理翻倍，创作者的「超算」时代来了
✕
编辑观点
Adobe × NVIDIA 的合作本质是：把数据中心级的 AI 算力装进创意设计师的工作站。Photoshop 实时 HDR 合成、Premiere 复杂时间线实时渲染——这些过去需要"过夜渲染"的任务，未来将变成即时反馈。对设计师最直接的意义是：创作节奏不再被"等待"打断，你的思路能跑多快，工具就能跟多快。更新预计 2026 下半年推送，提前关注 Adobe CC 更新通知。
名词解释
RTX Spark 超级芯片NVIDIA 2026年发布的面向创意工作站的 AI 超级芯片，集成 Blackwell GPU 架构和统一内存，专为视频编辑、图像合成、3D 渲染等创意工作负载优化。
TensorRT（张量实时推理）NVIDIA 的深度学习推理优化引擎，将 AI 模型推理速度提升数倍，Adobe 利用它加速 Firefly 生成式 AI 在 Photoshop/Premiere 中的实时响应速度。
怎么用（现在可做的准备）
提前准备工作流时
梳理你目前在 Photoshop/Premiere 中最耗时的操作（合成、渲染、导出），记录下来；当 RTX Spark 优化更新推送后，优先在这些环节测试速度提升效果，建立新的时间预算，提高整体创作效率。
评估硬件升级时
如果你正在考虑换工作站，RTX Spark 系列（预计 2026 Q3 上市）将成为 Adobe 工作流的最优硬件选择；暂不换机的用户，确保 Creative Cloud 开启自动更新，AI 优化软件层更新不需要新硬件。
可直接使用的 Prompt 点击复制
我是一名品牌视觉设计师，需要为一次重要的产品发布制作一套高质量的视觉素材。请帮我规划最优的 Adobe Photoshop + Firefly 工作流：素材需求包括：1）产品主图（白底和场景版各一张）；2）KV 大图（2880x1200，横版）；3）社交媒体套图（微博、小红书、抖音封面，共3个尺寸）；4）品牌规范：深色调、高级感、强调产品材质感。请给出每个步骤的具体操作建议（哪里用 Firefly 生成、哪里手动精修），以及整套素材的预计制作时间。
可直接使用的 Prompt 点击复制
我是一名品牌设计师，需要为新品发布制作一套营销素材。产品：高端蓝牙耳机，品牌调性：科技感+极简主义。请帮我完成以下工作流：1）生成产品主图：白色耳机放置在深色磨砂质感背景上，打光突出产品线条，整体氛围高端冷峻；2）生成3个不同场景版本：城市通勤、咖啡馆工作、户外运动；3）为每个场景版本生成配套的社交媒体文案（中英双语，各不超过50字）；4）输出尺寸：Instagram 方图（1080x1080）和竖版（1080x1350）。
可直接使用的 Prompt 点击复制
我是一名 UX 设计师，需要为「用户积分体系改版」项目快速出一版原型。需求背景：旧版积分页面信息密度高、任务路径长，用户完成率低。请帮我生成一个改版后的积分中心页原型，要求：1）突出用户当前积分和距下一等级差距；2）精简积分获取任务列表（最多展示3个高优先级任务）；3）加入积分消费入口（兑换礼品/优惠券）；4）整体风格简洁、正向激励。请同时生成一个设计决策说明，解释每个模块的设计理由。
平台动态FigJam
FigJam 成为 AI Coding Agent 的白板：MCP 技能让代码变更实时可视化
✕
编辑观点
这个功能解决了 AI 辅助开发时代最真实的痛点：代码变更太快，设计无法跟上。FigJam MCP 技能让 AI Agent 的每次架构决策、组件修改都能实时映射到白板，设计师可以实时看到工程侧在做什么，在关键节点介入而不是事后补课。对设计工程协同效率的提升可能超过任何单一设计工具功能。
名词解释
MCP（Model Context Protocol，模型上下文协议）Anthropic 提出的开放协议，让 AI 模型能安全地连接外部工具和数据源（如 Figma、代码仓库、数据库），实现跨工具的上下文共享和操作执行。
Architecture Layout（架构布局图）系统架构的可视化图表，展示组件、服务、数据流之间的关系。FigJam 新功能可让 AI Agent 自动生成并实时更新这类图表，反映代码的真实状态。
怎么用
项目迭代评审时
在 FigJam 中开启 MCP 连接，将 AI Coding Agent（如 Claude Code、Cursor）的操作日志接入白板，每次重要功能迭代后，FigJam 自动生成变更可视化图；在设计评审会上直接展示"本周工程做了什么"，无需工程师单独写文档。
设计工程对齐会时
用 FigJam 的架构布局功能，让 AI 自动将当前代码仓库的组件树可视化，与设计系统组件图对比，快速识别"工程已实现但设计未覆盖"和"设计已定义但工程未实现"的缺口，聚焦对齐讨论。
可直接使用的 Prompt 点击复制
我需要为团队创建一个「设计工程协同看板」，用于实时追踪 AI Coding Agent 的工作进展。请帮我设计这个 FigJam 白板的结构：1）「当前迭代状态」区域：展示本周进行中的功能、已完成功能、阻塞项；2）「组件变更追踪」区域：列出本次迭代新增/修改/废弃的组件，每个组件标注「设计覆盖状态」；3）「设计决策待确认」区域：AI Agent 执行过程中需要设计师介入确认的决策点；4）「下一步行动」区域：设计侧需要跟进的具体任务。请给出每个区域的具体字段建议和视觉布局方案。
可直接使用的 Prompt 点击复制
我是一名运营设计师，需要每周为品牌生产社交媒体内容。品牌信息：品牌名「灵犀茶饮」，主色调：深绿#1a4a35+米白#f9f8f5，字体风格：简约现代，品牌调性：健康·自然·精致。请帮我生成本周社交内容套装：1）微信朋友圈主图（900x900）：突出"新品上市：荔枝乌龙"；2）配套 Instagram 竖版（1080x1350）；3）微信公众号封面（900x383）。每款给出2个构图方向，并说明设计重心。
可直接使用的 Prompt 点击复制
我是一名运营设计师，需要每周为品牌生产社交媒体内容。品牌信息：品牌名「灵犀茶饮」，主色调：深绿#1a4a35+米白#f9f8f5，字体风格：简约现代，品牌调性：健康·自然·精致。请帮我生成本周社交内容套装：1）微信朋友圈主图（900x900）：突出"新品上市：荔枝乌龙"；2）配套 Instagram 竖版（1080x1350）；3）微信公众号封面（900x383）。每款给出2个构图方向，并说明设计重心。
生态整合Adobe × Google
Adobe Creativity Connector 接入 Google Gemini：AI 跨平台创作生态正式打通
✕
编辑观点
Adobe 把 Creativity Connector 开放给 Google Gemini，表面是功能整合，实质是战略转向：Adobe 从封闭的创意工具帝国，变成开放的 AI 创作中台。这对设计师意味着：Gemini 强大的多模态理解能力（图像描述、风格分析、跨语言创作）将直接可用于 Photoshop/Illustrator 工作流。现阶段多关注 Adobe + Google 合作的功能更新，找到能接入你现有工作流的具体切入点。
名词解释
Creativity Connector（创意连接器）Adobe 的 AI 生态集成框架，允许第三方 AI 模型（如 Google Gemini、OpenAI）通过标准 API 接入 Adobe 创意工具，在 Photoshop/Illustrator 等产品内调用外部 AI 能力。
多模态 AI（Multimodal AI）能同时处理多种类型输入（文字、图像、音频、视频）并进行综合理解和生成的 AI 模型。Google Gemini 是目前能力最强的多模态 AI 之一，支持图像理解、风格描述和跨语言创作。
怎么用（期待中的应用场景）
做竞品视觉分析时
在 Adobe 产品中通过 Creativity Connector 调用 Gemini，上传竞品截图，让 AI 自动分析"设计风格特征、配色规律、信息层级逻辑"，输出结构化设计分析报告，把竞品分析从半天压缩到 1 小时。
做多语言本地化设计时
利用 Gemini 的多语言理解能力，在 Illustrator 中一键将英文版设计稿的文字内容翻译并排版适配为中文、日文、阿拉伯文版本，AI 自动处理文字方向、字体选择、间距调整等本地化细节。
可直接使用的 Prompt 点击复制
请帮我对以下竞品界面进行深度视觉设计分析（我将上传截图）：1）整体设计风格定位（极简/丰富/功能性/情感化，并说明依据）；2）配色系统分析：主色、辅色、功能色的选择逻辑和情感联想；3）信息层级结构：用户视线路径分析，哪些元素被突出、哪些被弱化；4）交互设计特征：可点击区域的视觉反馈方式、导航逻辑；5）设计系统完整性评估：组件一致性、间距规律、字体体系；6）与我们产品的差异化机会点：他们做得不好的地方，我们可以如何差异化超越。请用表格形式输出对比分析，并给出3个具体的设计改进建议。
可直接使用的 Prompt 点击复制
请扮演一位资深 UX 设计顾问，帮我评估以下 AI 设计工具组合是否适合我的工作场景。我的情况：电商 App 产品设计师，主要工作包括：原型设计（每周2-3个）、设计评审 PPT（每周1个）、UI 组件维护（每月）、运营 Banner 设计（每月4-6个）。候选工具：Google Stitch、Figma（含 AI Agent）、Adobe Firefly、Canva AI 2.0。请分析：1）每个工具最适合承接我的哪些工作；2）工具间如何协作形成最优工作流；3）学习成本和迁移风险评估；4）给出我的推荐工具组合和上手顺序。
可直接使用的 Prompt 点击复制
请扮演一位资深 UX 设计顾问，帮我评估以下 AI 设计工具组合是否适合我的工作场景。我的情况：电商 App 产品设计师，主要工作包括：原型设计（每周2-3个）、设计评审 PPT（每周1个）、UI 组件维护（每月）、运营 Banner 设计（每月4-6个）。候选工具：Figma（含 AI Agent）、Claude Design、Canva AI 2.0。请分析：1）每个工具最适合承接我的哪些工作；2）工具间如何协作形成最优工作流；3）学习成本和迁移风险评估；4）给出我的推荐工具组合和上手顺序。