拆解了10份大厂作品集，总结出4个呈现AI能力的方向

一、全文速览图

打开招聘软件，你会发现一个明显的变化：越来越多的设计岗位开始强调 AI 能力。

但不少设计师在制作作品集时，仍然沿用过去的表达方式。项目背景、设计流程、页面展示、最终成果，看起来很完整，却没有回应市场正在发生的变化。

设计师应该如何在作品集中体现自己的 AI 能力？

我们拆解了 10 份互联网大厂作品集，总结出 4 个值得重点呈现的方向。

二、展示 AI 如何优化工作流

呈现 AI 能力，并不意味着推翻原有的设计流程。

真正重要的是：你能否识别出流程中的低效环节，并借助 AI 提升效率和质量。

例如，在用户调研中收集到 140 份问卷后，如果完全依靠人工阅读、分类和归纳，往往会耗费大量时间。借助 AI，可以更快地提取高频问题、用户痛点和核心需求，为后续设计决策提供依据。

在作品集中，不要只写一句“使用 AI 辅助分析”，而是要清晰呈现：

1. 原来的流程是什么？
2. 哪个环节存在效率问题？
3. AI 具体参与了哪些步骤？
4. 使用前后的时间、质量或产出有什么变化？
5. 设计师如何判断和修正 AI 的结果？

无论是用户调研、竞品分析，还是设计目标推导，都可以体现这种工作流的变化。

面试官真正关心的，不是你用过多少 AI 工具，而是你是否具备重新设计工作方式的能力。

三、讲清楚 AI 产品中的交互设计

市面上已经出现了大量独立 AI 助手。它们看起来相似，往往都包含输入框、对话窗口和生成结果。

但在真实的 B 端业务中，AI 很少只是一个孤立的聊天框。它通常需要嵌入已有系统，与原有任务流程、信息架构和交互逻辑结合。

这正是设计师能够发挥价值的地方。

在作品集中，可以重点展示：

1. AI 对话窗口如何触发？
2. AI 应该出现在主流程中，还是作为辅助入口存在？
3. 工具型插件如何自然嵌入原有页面？
4. 生成过程中如何处理等待、失败和结果修正？
5. 如何避免突兀的弹窗、跳转和视觉闪烁？
6. 不同业务场景下，为什么采用不同的交互方案？

不要只展示最终界面。你需要把嵌入思路、交互逻辑和设计取舍讲清楚。

AI 产品并不缺少生成能力，真正稀缺的是对复杂业务体验的控制能力。

四、展示 AI 生成物料的控制力

使用 AI 生成图标、插图、海报和运营素材，已经成为不少团队的日常需求。

随着工具逐渐成熟，生成一张好看的图片会越来越简单。因此，在作品集中简单平铺几张成品，很难体现你的竞争力。

更有价值的表达方式，是展示你如何控制结果。

例如：

1. 初次生成的结果是什么样？
2. 你发现了哪些问题？
3. 你如何调整提示词、参考图和风格方向？
4. 如何保持角色、色彩和品牌调性的一致性？
5. 最终成果相比初稿有哪些提升？
6. 这套方法是否可以复用？

结果固然重要，但迭代过程更能体现专业能力。

优秀的设计师不是随机获得一张好看的图片，而是能够稳定地将 AI 引导到正确方向。

五、用 Vibe Coding 证明落地能力

最后一个方向，也是非常值得投入的方向：Vibe Coding，也就是借助 AI 将设计转化为可运行的页面或产品原型。

设计师未必需要成为专业开发者，但可以在作品集中展示自己如何与 AI 编程工具协作。

例如：

1. 如何通过 Codex 等工具完成需求沟通和页面搭建？
2. 如何借助 MCP 连接设计工具与代码环境？
3. 如何沉淀设计系统、组件和素材库？
4. 如何将重复性的页面生产流程化？
5. 如何快速完成可交互的 Demo？

如果条件允许，还可以在作品集中附上：

开源项目链接 ➡️ 在线体验地址 ➡️ Demo 演示录屏 ➡️ 关键页面截图 ➡️ 从设计稿到实际页面的对比

这些内容能够直接证明你的落地能力。

相比一张静态效果图，一个真正可以点击、体验和运行的产品，会更有说服力。

做了一个小的 Demo 网站，大家可以体验体验：https://youthce.github.io/Designwebsite/

六、写在最后

AI 对设计师而言，既是挑战，也是新的突破口。

作品集需要回答的，不再只是“我做过什么项目”，还包括：

我如何借助 AI 提升效率、解决业务问题，并将想法真正落地？

你不需要为了展示 AI 而堆砌工具名，也不必强行加入复杂概念。

从真实的设计流程出发，找到合适的切入点，把你的思考、判断和控制力呈现出来。这才是 AI 时代作品集真正应该体现的价值。

后面有时间给大家聊一聊，关于设计组件如何在作品集当中去体现设计价值～算是给大家一个案例，方便参考参考～

欢迎关注作者的微信公众号： CE青年Youthce