AI × Design Daily
第 56 期
设计师的 AI 日报
2026 年 3 月 20 日 · 周五
今日更新
每个工作日早 9:00
Breaking
Google Stitch 2.0 发布无限画布 · 腾讯 Ardot 上线文生UI · Gamma Imagine 挑战 Canva · Figma 股价单日跌 8.8%
今日头条
本周发布 · 工具发布·AI原生设计
工具发布 · AI 原生设计
Google Stitch 2.0:免费 AI 设计画布,Figma 股价跌了
3月18日 Google Labs 发布 Stitch 2.0,无限画布+语音迭代+直接导出 Figma,发布当天 Figma 股价跌 8.8%。完全免费。
96
热度
本月发布 · 腾讯
腾讯 Ardot 上线:国产「Figma + AI」一体化设计工具
文字直接生成可编辑 UI,支持矢量编辑、组件库、多人协作和开发交付,免费,4 月开启公测。
编辑观点
88
数据不出境、中文理解更好、还免费——国内团队值得提前占位,公测前先去 d.qq.com 注册排队。
深度资讯
🔥 本周发布 · 视觉生成
Gamma Imagine:一句话生成 Logo、海报、信息图
3月17日 Gamma 发布「最大更新」,新增 AI 图形设计模块,输入文字直接生成可编辑的 Logo、信息图、社交媒体图,定位挑战 Canva。
趋势 · 视觉风格
2026 设计趋势:「不完美」才是今年最高级的审美
Canva、Adobe、Figma 趋势报告同时指向:手写感、噪点纹理正在取代过度精致的 AI 生成风格,「人味」成为溢价。
工具更新 · Figma
Figma AI:自动生成设计规范文档
Figma 近期更新 AI 功能,可扫描现有设计稿自动生成组件说明、颜色规范和间距规则文档,减少手动整理时间。
今日工具
🎨
Google Stitch 2.0
🔥 本周最热
🇨🇳
腾讯 Ardot
本月上线
✨
Gamma Imagine
新功能
🖊️
Figma AI
规范生成
📐
Adobe Firefly v27
更新
✨
Canva Magic Layers
🔥 最热
🔍
Gemini 3.1 Pro
推荐
🤖
文心 4.5
今日发布
🎬
Kling 3.0
视频
今日洞察
编辑观点
"当 AI 开始直接生成可交付的 UI,设计师的价值正在从「画得准」转向「判断得准」——你的品味和决策力,才是 AI 替代不了的部分。"
— 写给正在建立 AI 工作流的 UX/UI 设计师
本周发布
Google
Google Stitch 2.0:免费 AI 设计画布,Figma 股价跌了
✕
编辑观点
免费、能导出 Figma、还能语音改稿——这不是威胁,是你的新草图本。今天就去试一次,用它出一版早期方案。
名词解释
AI 原生画布
不是在传统设计工具里加 AI 按钮,而是整个工作流从一开始就围绕 AI 构建——你说话,它出图,你继续说,它继续改。
无限画布
没有固定页面边界的工作区,可以同时放多个方案、草图、迭代版本,像白板一样自由发散。
导出 Figma
Stitch 生成的 UI 可以一键同步到 Figma,继续用你熟悉的工具精调,不用重新画。
怎么用
做新功能的早期探索时
打开 stitch.withgoogle.com,用一句话描述功能(如「外卖 App 的空购物车页面,风格简洁温暖」),30 秒出图,直接截图放进提案 PPT
和开发对接前
在 Stitch 里把设计导出到 Figma,开发可以直接拿到标注好的稿子,省去手动标注时间
可直接使用的 Prompt
点击复制
帮我设计一个移动端的空状态页面,产品是外卖 App,用户购物车是空的,风格简洁有温度,需要一个插图区域、一句引导文案和一个主按钮。
好的,我知道了 ✓
本月发布
腾讯
腾讯 Ardot 上线:国产「Figma + AI」一体化设计工具
✕
编辑观点
数据不出境、中文理解更好、还免费——国内团队值得提前占位,公测前先去 d.qq.com 注册排队。
名词解释
文生 UI
Text-to-UI,用文字描述界面,AI 直接生成可编辑的设计稿,不是图片,是真正可以继续改的矢量元素。
设计交付
设计师把稿子交给开发的环节,包括标注尺寸、颜色、间距等。Ardot 内置这个功能,不需要再用 Zeplin 或 Figma Dev Mode。
怎么用
想快速出一版竞品对比方案时
在 Ardot 里输入「参考微信读书的书架页面,帮我生成一个阅读 App 的主页」,对比 AI 生成版本和自己的设计,找差距
团队内部评审前
用 Ardot 的多人协作功能,让产品经理直接在设计稿上标注意见,减少来回截图发消息的沟通成本
可直接使用的 Prompt
点击复制
帮我生成一个移动端 App 的首页设计,产品是健身打卡工具,目标用户是 25-35 岁上班族,风格参考 Nike Training Club,需要包含今日任务卡片、进度环和底部导航栏。
好的,我知道了 ✓
本周发布
Gamma
Gamma Imagine:一句话生成 Logo、海报、信息图
✕
编辑观点
做提案时最缺的就是配图,Gamma Imagine 能让你在 10 分钟内搞定一套视觉素材,不用再找图库或等设计支持。
名词解释
Gamma
一个 AI 演示文稿工具,之前主要用来做 PPT,现在扩展到图形设计领域,相当于 AI 版 Canva。
信息图
把数据或流程用图形化方式呈现,比如用户旅程图、功能对比表、数据可视化图表。
怎么用
做设计提案需要配图时
打开 gamma.app,输入「为一个外卖 App 的设计提案生成封面图,风格现代简洁,主色调橙色」,直接用生成的图作为提案封面
需要快速制作用研报告配图时
描述你的用户旅程,让 Gamma Imagine 生成一张信息图,比手动在 Figma 里画快 5 倍
可直接使用的 Prompt
点击复制
为一份 UX 设计提案生成封面图,主题是「AI 时代的用户体验重构」,风格简洁专业,使用深绿色和米白色配色,需要包含标题文字区域和一个抽象的 AI 与人交互的图形元素。
好的,我知道了 ✓
趋势
视觉风格
2026 设计趋势:「不完美」才是今年最高级的审美
✕
编辑观点
AI 把「精致」变成了廉价品,反而是手工感、不完美的细节开始代表高端。你的设计里有多少「人味」?
名词解释
噪点纹理
在设计里加入细微的颗粒感,模拟胶片或印刷质感,让画面看起来更有温度,不像 AI 生成的那种过于光滑。
不对称排版
打破传统的居中对齐,用错位、倾斜、留白不均等方式制造视觉张力,看起来更有设计师的主观判断在里面。
怎么用
下次做 UI 视觉方案时
在一个版本里故意加入轻微的手写字体、不规则边框或噪点背景,和「标准 AI 风格」版本一起提案,看看产品/客户的反应
做品牌视觉时
用 Adobe Firefly 生成基础图形后,在 Photoshop 里叠加一层噪点纹理(滤镜→杂色→添加杂色),立刻有胶片质感
可直接使用的 Prompt
点击复制
帮我分析这张 UI 截图的视觉风格,判断它更偏向「AI 生成的过度精致感」还是「有人味的手工感」,并给出 3 条让它更有温度感的具体修改建议。
好的,我知道了 ✓
工具更新
Figma
Figma AI:自动生成设计规范文档
✕
编辑观点
整理设计规范是最耗时又最没创意的工作,现在可以让 AI 先出初稿,你来审核和补充——把时间花在判断上,不是排版上。
名词解释
设计规范文档
记录设计系统里所有组件用法、颜色、字体、间距规则的文档,是设计师和开发之间的「共同语言」。
组件说明
每个 UI 组件(按钮、卡片、输入框等)的使用规则,包括什么时候用、有哪些变体、不能怎么用。
怎么用
项目交接或新人入职时
用 Figma AI 扫描现有设计稿,自动生成一份初版规范文档,比从零开始写快 80%,再花 30 分钟人工补充边界情况
和开发对齐时
把 AI 生成的规范文档直接分享给开发,让他们标注哪些地方不清楚,比开会讨论效率高很多
可直接使用的 Prompt
点击复制
你是一位资深设计系统专家,请根据以下组件描述,帮我写一份标准的组件规范文档,包括:组件名称、使用场景、变体说明、禁止用法、与其他组件的关系。组件描述:[在这里粘贴你的组件描述]
好的,我知道了 ✓