设计师用 AI 完全指南:UI/UX + 平面
设计师用 AI 的完整手册,覆盖灵感发散、UI 组件批量出图、平面海报、用户研究、设计交付文档 5 个高频场景,含 Prompt 模板和真实工作流,UI/UX/平面设计师都能直接用
设计师用 AI 到底解决什么
接到一个 banner 需求,PM 给你 1 句话说明 + 3 张参考图,要求”半天内出 2 稿”——你打开 Figma,先去 Dribbble 翻 30 分钟灵感,再去站酷找配色,回来开始拉框架,发现还要去找版权安全的 hero image,等真正动手画稿已经过去了一上午。
设计师用 AI 这件事,目标不是「替你设计」,而是把上面这些信息搜集、初稿试错、素材准备、文档输出的环节压到原来时间的三分之一以下,让你能把节省的时间花在真正需要审美与判断力的地方:版式打磨、字体配色、用户体验取舍。
不过用 AI 不代表”出图随便”,设计师要的是可控可改可迭代的工作流,不是「抽卡式」的爆款图。下面这 5 个场景就是按这个思路设计的。
这篇适合谁
如果你是 UI 设计师、UX 设计师、平面设计师、品牌设计师、电商美工、独立设计师——这篇就是给你写的。
完全没用过 AI 的设计师,建议先看 AI 画图教程 把 Midjourney、即梦、GPT 图像 这几个画图工具的基本盘补上;做产品设计的同学,结合 Claude Artifacts 一起用,可以一边生成 UI 一边预览;走品牌方向的,看 Midjourney 风格提示词 系统学一遍。
设计师最该解决的 5 个痛点
干设计这行的都知道,下面这几件事比改稿还消耗心力:
- 灵感期 PPT 翻不动——Dribbble、Behance、小红书来回切,2 小时还没定方向
- 图标 / 插画批量出图——一个项目几十个图标手画太慢,外采又怕风格不一致
- 海报初稿试错慢——版式没定下来前,每一稿都要 30 分钟拉文字图层
- 用户研究文字活多——10 份用户访谈记录摘要、5 份竞品调研报告,写到怀疑人生
- 交付文档写到吐——设计规范、组件说明、走查清单,每个项目都要重写一遍
下面 5 个 Prompt 一一对应这 5 个痛点。
5 个设计师场景 + Prompt 模板
场景 1:项目启动期的灵感与风格定调
新项目 kickoff 当天,你需要快速给出 3 种风格方向给 PM 与业务方挑——AI 帮你把模糊的需求结构化成具体的视觉参考方向。
你是一位资深视觉设计总监,正在帮我做一个新项目启动期的风格探索。
项目基本信息:
- 项目类型:「[App / 网站 / Banner / 海报 / 品牌识别等]」
- 业务领域:「[例:母婴电商 / B 端 SaaS / 文旅景区]」
- 目标用户画像:「[2-3 句话,含年龄段、性别比例、消费力、使用场景]」
- 核心情感关键词(业务方给的):「[例:温暖、专业、年轻、有趣]」
- 必须规避的方向:「[例:不能太严肃、不要奶茶店审美]」
- 参考品牌(如已有):「[列 2-3 个]」
请输出 3 种风格方向供我提案,每种方向包含:
一、风格名称(4 字以内中文 + 英文对应词) 二、整体感觉描述(80 字以内,让非设计的人也能听懂) 三、视觉关键词
- 配色方向(具体到色系,如「低饱和蓝绿 + 米白点缀」)
- 字体方向(例:「现代无衬线为主 + 标题用粗衬线」)
- 版式特征(例:「大量留白 + 不对称网格」)
- 图形元素(例:「几何弱化的有机线条」)
- 摄影 / 插画风格(例:「真实生活感人像 + 浅色调」)
四、Mood Board 关键词 列 10 个可以直接在 Pinterest / Dribbble / 小红书搜索的关键词组合,中英文都列
五、生成 AI 图测试提示词 分别给一段适合 Midjourney 和适合即梦 / 通义万相的中英文 prompt,可以直接复制粘贴去出 3 张测试图
六、这个方向最适合 / 最不适合的业务场景 列各 2 条,帮我跟业务方对齐
要求:
- 3 种方向必须有明显差异,不要都是「现代极简」的微调
- 配色描述要具体到色系名称,不要写「明亮、活泼」这种空话
- 字体方向用中文设计师听得懂的描述,不要堆砌字体名
- 测试提示词不要含品牌名 / 商标名
跑出来 3 个方向后,去 Midjourney 或 即梦 各生成 3 张测试图,跟 PM 与业务方 30 分钟敲定方向——比原来翻一天 Dribbble 效率高得多。
场景 2:UI 组件 / 图标 / 插画批量出图
定稿后要画 30 个图标、5 张空状态插画、10 张引导页插画——风格统一是关键,不能图标 A 是描边图标 B 是面性。
你是一位资深 UI 视觉设计师,正在帮我整理一份批量出图的 Prompt 模板。我希望把一个项目内所有图标 / 插画用统一的 Prompt 基底批量生成,保证风格一致。
项目视觉规范:
- 整体风格(来自风格定调阶段):「[一句话]」
- 主色:「[Hex 值]」
- 辅助色:「[2-3 个 Hex 值]」
- 图标类型:「[描边 / 面性 / 描边填色 / 渐变]」
- 描边粗细(如适用):「[例:2px]」
- 圆角值:「[例:4px]」
- 画布尺寸:「[例:1024 x 1024,导出后等比缩放到 24/48/96]」
- 使用的 AI 工具:「[Midjourney / 即梦 / DALL-E / Stable Diffusion]」
需要生成的资源清单: 「[列出所有要生成的图标 / 插画,每条一行,写清楚含义]」
请输出:
第一,统一基底 Prompt(写在反引号代码块内,可直接复制) 按目标工具的语法写一段「风格基底」,包含:
- 风格描述词
- 配色描述
- 图标类型与描边特征
- 画面构图与留白
- 排除项(negative prompt)
- 比例 / 分辨率参数
第二,单条 Prompt 模板 基于上面的基底,给我一个可批量替换的单条 Prompt 模板,主体词用 「[ITEM]」占位,让我替换后批量跑。
第三,资源清单的英文主体词建议 对我提供的资源清单,每条给一个简洁的英文主体词(适合塞进 Prompt 模板)。
第四,风格一致性自检清单 列 5 条出完图后人工自检的要点(例:描边粗细是否一致、配色是否在调色板内、留白是否一致)
第五,常见返工原因与修正词 列 5 个常见问题(如「描边粗细不一致」「出现额外文字」)以及对应的 Prompt 微调词。
要求:
- 基底 Prompt 不要超过 80 个英文单词
- 不要用模糊词(如 modern、beautiful、cool),用具体描述
- 不要含品牌名 / 商标 / 设计师真人姓名
- 中文设计师容易上手,英文 Prompt 同时给中文翻译
批量出图最大坑是别想一次性全跑完——先用基底跑 3-5 张,确认风格 OK 后再批量。详细的提示词技巧可以看 Midjourney 图像提示词 与 Midjourney 参数。
场景 3:平面海报 / Banner 初稿
业务方半小时后开会,你要在那之前出 2 版 banner 初稿。AI 帮你把文案与版式同时草拟出来,你拿到 Figma 里精修。
你是一位资深平面 / 营销设计师,正在帮我快速产出一张海报 / Banner 的初稿方案。
需求基本信息:
- 投放场景:「[例:电商首页主 banner / 微信朋友圈广告 / 户外 LED]」
- 尺寸与比例:「[例:1920 x 720 / 1080 x 1080]」
- 核心信息(业务方原话):「[一句话]」
- 优惠 / CTA:「[如「满 199 减 30」/「立即领取」]」
- 品牌调性(如有):「[一句话]」
- 必须包含的元素:「[商品 / Logo / 价格 / 二维码等]」
- 不能出现的内容:「[竞品名 / 敏感词等]」
请输出 2 个版式方案:
每个方案包含:
一、文案分层
- 主标题(一句话,控制在 8-12 字)
- 副标题(10-20 字,承接主标解释)
- CTA 按钮文字(4-6 字)
- 装饰文案(如有,例:「限今日」「专属福利」)
二、版式结构(文字描述)
- 画面整体构图(例:「左商品右文字 / 上文字下商品 / 中心对称」)
- 视觉重点位置(按视线动线)
- 文字层级与字号比例
三、配色方案
- 背景色(Hex 值)
- 主体色(Hex 值,至少 2 个)
- 文字色(Hex 值)
- 强调色(Hex 值,用在 CTA)
四、画面氛围 Prompt(去 AI 画图工具跑背景图用,中英文都给)
- 主体内容
- 风格描述
- 排除项
- 适合的工具与比例参数
五、Figma 落地动作清单 列 6-8 条具体步骤,让我拿到 Prompt 后能 10 分钟在 Figma 里把骨架搭出来。
要求:
- 2 个方案必须有明显差异(如「极简留白 vs 信息密集」「冷色调 vs 暖色调」)
- 主标题不要堆砌形容词,业务诉求直接讲
- 不要写「年轻活力」「时尚潮流」这种空话,要具体到画面元素
- AI 画图 Prompt 不要含真实品牌 / 商品名,留 「[BRAND]」占位符
AI 出版式想法、出背景图、出文案,但字体、配色微调、品牌一致性这些细活还是设计师做。如果项目预算允许,建议用 Claude Artifacts 让 AI 直接生成可交互的 HTML/CSS 原型,再切图到 Figma。
场景 4:用户研究文档结构化
完成了 8 场用户访谈,每场录音 1 小时——你不可能逐字读完,AI 帮你结构化提取关键洞察。
你是一位资深用户研究员,正在帮我对一批用户访谈记录做结构化分析。
研究背景:
- 产品 / 项目:「[一句话]」
- 研究目标:「[1-2 句话,例:「了解新用户在注册流程中的关键卡点」]」
- 访谈对象数量:「[例:8 位]」
- 访谈对象画像概述:「[1-2 句话]」
下面是我提供的访谈记录(已转写为文字,已脱敏,去除真实姓名 / 公司名 / 联系方式): 「[粘贴访谈逐字稿或要点笔记,可一次粘多份]」
请按以下结构输出分析报告:
一、关键发现 Top 5(每条 50 字以内) 对每条关键发现:
- 描述发现
- 引用支撑该发现的 2-3 句原话(标注是第几位访谈对象)
- 该发现的强度(多少位访谈对象提到)
二、用户痛点清单 按出现频次降序排列,每条:
- 痛点描述
- 涉及的产品环节
- 用户的当前应对方式
- 用户最希望的改进方向(如有提到)
三、机会点识别 基于关键发现与痛点,提出 3-5 个产品 / 设计改进机会,每条:
- 机会点描述
- 解决的痛点
- 预期影响(高 / 中 / 低)
- 实施难度(高 / 中 / 低)
四、值得二次访谈的问题 列 3-5 个本次访谈未充分回答、值得下一轮深挖的问题
五、用户原话金句库 摘 10 句最有代表性的用户原话,方便我写报告与做设计提案时引用
要求:
- 所有引用必须来自我提供的原文,不要编对话
- 不要给「需要进一步研究」这类废话结论
- 关键发现要可指导设计决策,不要写「用户希望产品好用」这种空话
- 不要把单一访谈者的观点说成「用户普遍认为」
得到结构化报告后,可以喂给 NotebookLM 做主题分析,或者用 扣子 类工具自动跑用户研究 → 设计需求转换的工作流。更多文档处理技巧可以看 Kimi 长文档教程。
场景 5:设计交付文档 / 设计规范
每个项目交付要写:组件文档、走查清单、设计规范、开发交底——AI 把”在 Figma 里能看到的东西”翻译成”开发能直接照着写的文档”。
你是一位有 5 年以上设计系统经验的资深 UI 设计师,正在帮我写一份设计交付文档。
项目基本信息:
- 项目名:「[一句话]」
- 交付对象:「[前端开发 / 移动端开发 / 多方团队]」
- 设计稿地址(描述即可):「[例:Figma 项目链接占位]」
- 涉及的组件 / 页面:「[列清单]」
下面是我对每个组件 / 页面的设计要点描述: 「[逐个列出,每个组件含:组件名 / 用途 / 状态 / 关键参数(尺寸、间距、动效)]」
请输出一份开发交付文档,结构如下:
一、文档总览(150 字以内)
- 本次交付内容
- 与上一版的差异(如有)
- 评审与验收节奏
二、设计 token
- 颜色 token(主色、辅助色、文字色、状态色,含 Hex + 用途)
- 字号 token(含中英文字号与行高)
- 间距 token(含基础间距单位与常用倍数)
- 圆角 token
- 阴影 token
三、组件文档(每个组件一节) 每节包含:
- 组件名 + 用途
- 使用场景与禁用场景
- 所有状态(默认 / 悬停 / 按下 / 禁用 / 加载)
- 关键参数(尺寸、内外边距、动效时长)
- 与现有组件的依赖关系
- 验收要点(开发自检清单)
四、页面级走查清单 对每个页面给出 6-10 条走查要点,覆盖:
- 视觉还原度(间距、对齐)
- 交互一致性(手势、动效)
- 兼容性(不同分辨率、暗黑模式)
- 文案占位
- 异常态(空、错、加载)
五、与开发的沟通建议 列 5 条容易踩坑的沟通点(例:动效曲线说”贝塞尔曲线(0.4, 0, 0.2, 1)“比”自然过渡”准确得多)
要求:
- 不要写「请开发同学注意细节」这种空话,要给具体参数
- 验收要点必须可被开发自己测试,不需要设计在场
- 所有 token 要给 Hex / px 实际值,不要写「主色」这种抽象描述
- 中文,必要时附英文术语(如 disabled、hover)
把交付文档与 Figma 链接一起发给开发,并配合每周一次的设计走查会。别迷信”文档替代沟通”——AI 写好的文档是节省沟通时间,但关键节点还是要面对面对齐。
工具推荐:免费 + 进阶
设计师用 AI 涉及生成式(出图)+ 理解式(写文档)两类,组合使用效率最高:
| 工具 | 解决什么 | 类型 | 适合的场景 |
|---|---|---|---|
| Midjourney | 概念图、品牌视觉、风格探索 | 出图 | 场景 1、3 |
| 即梦 | 国内可用、电商、平面、中文场景 | 出图 | 场景 1、3 |
| GPT 图像 | 图标、插画、文本编辑 | 出图 | 场景 2 |
| Stable Diffusion 本地 | 大批量、定制 LoRA、风格统一 | 出图 | 场景 2 |
| ComfyUI | 工作流自动化、节点式可控 | 出图 | 场景 2 |
| Claude Artifacts | UI 原型快速生成 + 预览 | 文档 + 原型 | 场景 3、5 |
| Kimi 长上下文 | 用户访谈分析、设计文档整理 | 理解 | 场景 4、5 |
| NotebookLM | 多份调研整合、主题分析 | 理解 | 场景 4 |
按职业方向选:UI 设计师重 Claude Artifacts + Midjourney;平面设计师重 即梦 + 文档类 AI;UX 研究员重 NotebookLM + Kimi。
设计师用 AI 的版权与合规底线
设计师使用 AI 有几条边界要明确:
-
商用前确认版权归属:不同 AI 工具的商用授权条款不一样。Midjourney 付费版可商用、即梦付费版可商用、部分免费工具不行。商用前查清楚或买商用授权。详见 AI 画图版权。
-
不直接用包含真人脸的输出:尤其是带明星脸、特定真人脸的 AI 图,肖像权风险高,最终交付前替换。
-
品牌项目避免品牌名 Prompt:不要用 Prompt 直接写「类似 Apple 的风格」、「Nike 的鞋」,可能被视为商标侵权或不当模仿。
-
客户敏感信息不喂公网 AI:商业秘密、未发布产品、未公布设计稿不喂境外公网 AI,必要时用本地部署的模型。
-
告知客户 AI 参与的程度:很多客户合同里有”是否使用 AI 生成”条款,事先沟通比事后被发现更专业。
设计师用 AI 的 30 天上手路径
第 1 周:场景 1 灵感探索。在低风险阶段熟悉 AI 出图与文字生成的能力边界。
第 2 周:加场景 3 海报初稿。用一个真实小项目跑通”AI 出灵感 + 设计师精修”的工作流。
第 3 周:加场景 2 批量出图与场景 5 交付文档。把日常文档活和重复出图活外包给 AI。
第 4 周:加场景 4 用户研究。如果你做产品设计或 UX,这块价值最大。
第 1 个月底:你应该已经有一套属于自己项目类型的 Prompt 库(灵感、出图、文档),并且把 AI 集成进了 Figma 工作流。
一个真实场景:一位独立平面设计师的 6 个月
我有一位朋友是接电商小品牌的独立设计师,去年开始系统用 AI——前两个月只用了灵感探索与海报初稿两件事,每周接单量从 3 单提到 5 单,单价没降。
第三个月她开始用 ComfyUI 部署本地工作流,给固定客户跑定制化的 LoRA 模型——客户的所有节日海报都能保持风格一致,客户复购率提升明显。
她的原话:“AI 不是替设计师,是把设计师从’拉文字图层’变回’做审美决策’。但客户给的钱买的还是我的眼力,不是 AI 的算力。“
常见问题
Q:AI 出的图能直接交给客户吗? A:不建议。AI 出图作为初稿与灵感很好,但商业交付要走「AI 初稿 → 设计师精修 → 品牌一致性自检」流程。直接交 AI 出图的设计师,客户复购率会显著低于精修后交付的。
Q:会不会被 AI 替代? A:会替代不会”做决策”的纯执行设计师,不会替代”懂业务 + 懂审美 + 懂沟通”的设计师。把 AI 当工具学会用的人,反而能扩大接单范围与单位时间产出。可以参考 AI 会不会取代某些工作 这篇做更系统的判断。
Q:客户问”用了 AI 价格能不能便宜”怎么办? A:明确告诉客户:你买的是设计判断与最终品质,不是工时。AI 让一稿到三稿的时间变短,但设计师对最终效果的责任与品控没变。如果客户只要”AI 出图”,可以推荐他自学 AI 画图教程,但不要靠降价接单。
Q:哪种 AI 出图工具最适合品牌项目? A:Midjourney + 自定义 reference image + niji 风格 / sref 控制适合品牌探索;Stable Diffusion + LoRA适合需要长期风格一致的客户;国内项目 + 中文场景多的选 即梦。详细对比看 Midjourney vs 即梦。
Q:怎么避免 AI 出图越用越同质化? A:建议三招:① 用 reference image 而非纯文字 prompt;② 控制风格关键词在 5 个以内,不要堆砌;③ 每月研究 2-3 篇新风格趋势(可看 AI 画图入门 推荐的资源),主动喂给 AI 新方向。
下一步
跨岗位横向看(设计师常见协作视角):
- 职业用 AI 完全指南 —— 看其他岗位都怎么用
- 市场用 AI 完全指南 —— 跟市场协同的视角
- 品牌经理用 AI —— 品牌一致性视角
刚入门 AI 的,先看 AI 入门 和 AI 提示词大全;专攻 AI 出图的,系统学 AI 画图教程 与 Midjourney 教程。