AIGC 时代设计师的转型之路：从传统到 AI 原生

上周三，我的一位学员小张在课后找到我，他是一位有6年经验的UI设计师，最近刚被公司通知“优化”了。他苦笑着打开手机，给我看了一段对话：老板发给他一张Midjourney生成的界面图，说“这个比你上周做的方案好，以后你配合AI出图就行”。小张问我：“老师，我是不是应该转行做AI提示词工程师？”

这不是个例。过去半年，我接触了超过200位设计师，从平面到UI到3D建模，几乎所有人都在焦虑同一个问题：AI会取代我吗？

我想先给你一个明确的答案：被AI取代的不是设计师，而是不会用AI的设计师。

一、传统设计师的困境：我们正在经历什么？

先看一组数据：2024年Q1，国内主流招聘平台上的“UI设计师”岗位同比下降了37%，但“AIGC设计师”、“AI视觉设计师”岗位增长了210%。这不是危言耸听，而是行业正在经历的范式转移。

传统设计流程是这样的：需求分析 → 竞品调研 → 手绘草图 → 软件执行 → 反复修改 → 交付。这个链条中，从��手绘草图”到“软件执行”这一步，往往占据了设计师60%以上的时间。而AI的出现，直接砍掉了这个环节。

比如，你现在用 Midjourney V6.1 生成一个“极简风格的App首页”，只需要输入：

A minimalist mobile app home page, clean white background, pastel color accents, 3 main feature cards with subtle shadows, bottom navigation bar with 4 icons, UI design, 4k, --ar 9:16 --v 6.1

15秒后，你会得到4张高度专业的设计稿。而传统设计师做同样的事，至少需要3-4小时。

但问题来了：这些AI生成的图，真的能直接用吗？

答案是否定的。它们有排版问题、字体异常、交互逻辑混乱。这正是设计师的价值所在——从“执行者”转型为“策展人”和“导演”。

二、AI原生设计师的核心能力：从“画图”到“定义问题”

我定义“AI原生设计师”为：能通过AI工具将抽象需求转化为具体视觉方案，并具备判断、优化、落地的能力的设计师。

这需要三个核心技能：
1. 精准的提示词工程：不是写“画个好看的海报”，而是结构化描述风格、构图、色彩、光影、材质
2. 多工具协同能力：Midjourney生成概念 → Photoshop Beta精修 → Figma组件化 → After Effects动效
3. 批判性审美：AI会生成大量“看起来不错但实际不可用”的方案，你需要快速过滤

下面我用两个实操案例，带你走一遍完整的AI原生设计流程。

案例一：品牌VI设计——用AI完成“概念-延展-落地”

工具组合：Midjourney V6.1 + Adobe Firefly + Illustrator 2024

需求：为一家主打“东方禅意”的茶饮品牌设计Logo及延展

Step 1：概念生成（Midjourney）

不要直接写“Logo design”。我们要先确定品牌调性。输入：

Brand logo design for a tea brand called "Zen Leaf", minimalist style, combining a tea leaf silhouette with a circular zen symbol, monoline art, black and white on white background, vector style, clean lines, --ar 1:1 --v 6.1 --s 250

这里的关键参数是 `–s 250`（风格化程度），我刻意调低到250，避免AI过度发挥导致无法落地。

结果：得到4个方案，其中方案3（一个圆形内含茶叶和涟漪）最符合需求。

Step 2：精修与矢量化（Adobe Firefly + Illustrator）

把方案3拖入 Adobe Firefly（2024年3月更新版），使用“Generative Fill”功能，选择“Expand image”扩展画布，得到Logo的完整构图。然后导出为PNG，在Illustrator中用“图像描摹”（路径：对象 → 图像描摹 → 建立并扩展）转为矢量路径。

Step 3：品牌延展（Midjourney + Photoshop Beta）

用Midjourney生成应用场景：名片、包装、店面门头。输入：

Business card mockup with Zen Leaf logo embossed on textured cream paper, minimalist layout, soft studio lighting, top-down view, --ar 3:2 --v 6.1

得到4张名片样机。再用 Photoshop Beta（24.7版本）的“生成式填充”功能，选中名片区域，输入“add a small tea leaf icon in the corner”，AI会自动补充细节。

最终交付：3小时内完成了传统设计师需要2天的工作量。

案例二：UI/UX设计——从“线框图”到“高保真原型”的AI加速

工具组合：Uizard + Figma + Midjourney

需求：为一个健身App设计新手引导页

Step 1：用Uizard生成线框图

打开 Uizard（2024年5月版），选择“AI Generate”，输入：

A mobile onboarding screen for a fitness app, 3 steps: "Track your progress", "Set daily goals", "Join challenges". Minimalist, bright colors, large buttons.

30秒后，Uizard生成一个包含3个页面的线框图，且自动添加了Figma组件。

Step 2：用Midjourney生成视觉风格

确定视觉方向。输入：

Mobile UI style tile for a fitness app, vibrant gradient backgrounds (orange to pink), sans-serif typography (Inter), rounded cards with shadows, icon set in line art style, 3D illustration of a person running, --ar 16:9 --v 6.1

得到4张风格参考图。选择方案2（暖色渐变+扁平插画）作为主风格。

Step 3：在Figma中快速迭代

把Uizard的线框图导入Figma，用 Midjourney API（通过Figma插件“AI Magic”调用）直接生成界面中的插画和图标。比如，选中一个按钮，在插件中输入“generate an icon for ‘track progress’ in line art style”，AI自动生成并替换。

Step 4：动效预览（After Effects）

导出Figma设计稿到After Effects，使用 AE的“Roto Brush 3”（2024版）快速抠出人物插画，添加缓动动画（路径：关键帧 → 缓入缓出）。最终导出为Lottie文件，直接用于开发。

结果：从零到高保真原型+动效，总共4.5小时。传统流程需要至少2天。

三、AI原生设计的工具栈与工作流重构

现在你已经看到了具体操作，但更重要的是建立系统化的AI原生工作流。我推荐你采用“三阶段模型”：

阶段一：概念发散（AI负责“量”）

• 工具：Midjourney V6.1、DALL-E 3、Stable Diffusion XL

阶段二：精修落地（设计师负责“质”）

阶段三：交付优化（AI辅助“自动化”）

四、总结与进阶建议

回到开头的问题：设计师会被AI取代吗？

不会。但只会用Photoshop和Figma的设计师，确实会面临淘汰。未来的设计师，需要成为“AI导演”——定义问题、选择工具、判断质量、优化细节。

我的建议是：从今天开始，每天花30分钟做三件事：
1. 用Midjourney生成10个不同风格的设计概念（练习提示词工程）
2. 把AI输出落地到Figma或Illustrator（练习精修能力）
3. 建立一个“AI设计案例库”（收集成功案例，分析AI的局限性）

最后，记住一句话：AI是你的“无限实习生”，不是你的“替代者”。它负责出量，你负责出质。当你学会驾驭它，你会发现自己的设计能力不是被削弱，而是被放大了10倍。

—

常见问题 FAQ

Q1：我完全不会写提示词，从哪里开始？
A：先学习“结构化提示词”模板：`[主体描述] + [风格/材质] + [构图/视角] + [技术参数]`。推荐从Midjourney官方文档的“Prompt Craft”章节开始，或者用ChatGPT帮你优化提示词。

Q2：AI生成的图有版权问题吗？
A：目前Midjourney和Adobe Firefly都允许商用，但建议避免生成知名IP形象（如迪士尼角色）。最稳妥的做法是：用AI生成概念，然后自己重新绘制关键元素。

Q3：我用的还是老版本Photoshop，需要升级吗？
A：强烈建议升级到Photoshop 2024（24.7以上版本），因为“生成式填充”功能是AI原生设计的关键。如果你是订阅用户，直接在Creative Cloud更新即可。

Q4：AI生成的UI界面，开发能直接使用吗？
A：不能。AI输出的是“视觉稿”，不是“设计系统”。你需要把颜色、字体、间距等转化为Figma样式和组件，再交给开发。这是设计师的核心价值所在。

Q5：学习AI设计需要会编程吗？
A：不需要。但建议了解HTML/CSS基础，因为理解“布局逻辑”有助于你判断AI生成的界面是否合理。如果你会Python，可以进阶到Stable Diffusion的API调用。

—

本文提到的工具版本截至2024年8月，建议定期关注官方更新日志。