VibeCoding 时代，UI 设计师要掌握这 2 项核心能力！

一、全文速览图

今天主要讨论的话题是近期咨询较多的问题，也就是 VibeCoding 浪潮下，UI 设计师应该如何应对，以及如何规划职业发展路径。

二、VibeCoding 发展下的行业观察

我们都知道 VibeCoding 现在火速发展，大量企业都已经引入 VibeCoding 的工作流，让它来完成相应程序代码的开发，很多职业程序员也坦言很久没有手写过代码了。

并且，VibeCoding 也不止是编写代码，它还附带了对界面样式的设计，只要在编程的过程中顺手把界面也做完，而且往往能通过一些简单的提示词或 Skill 生成出一般设计师设计不出来的视觉效果。

​​

所以从工作环节上讲，设计这个步骤似乎就被消除了，本来的流程是需求经过设计再进行开发，现在是需求直接开发顺带把设计做了。

​​

这是目前 UI 设计行业最被唱衰的一点，设计过程可以被 AI 取代，没有中间环节项目的开发效率大大提升了，成本也大大下降了，就是所谓的 —— 降本增效。

但如果使用这个逻辑来思考问题，那只关注设计的一亩三分田就太短视了，AI 可不是只能做设计，它也可以编程，不管是前端或者后端代码都能写出来，而且还可以完成自查。

既然 AI 直接能写那还要前端、后端、测试工程师做什么？这个流程不就可以精简成产品经理一个角色使用 VibeCoding 直接完成需求的设计和开发并上线吗？

​​

到这里还没完，产品经理的工作本质是制定需求审查 AI 生成的内容，但如果产品经理本身的工作也有 AI 涉足的方法，从用户调研到数据监控需求分析，到 MRD、PRD 编写、项目管理也都可以做。

理论上老板只要搭建一套 AI 的系统，创建多个 Agent 角色，就能通过简单描述自己想要什么（许愿），让 AI 完成需求的编写到后续的设计研发测试一条龙服务。老板只要端杯咖啡看一段时间短视频，再回来验收 AI 工作的成果即可。

这种多 Agent 协同的模式确实是当下的 AI 发展的主要趋势之一，常见的应用场景就是创建一个主管 Agent，再给它创建不同下属，有的收集信息、有的做设计、有的做开发、有的做测试，主管负责分配任务并检查它们的产出（甚至让它们群聊自己对话），等到全部按要求实现以后再交付给用户。

这种模式一般叫 Multi‑Agent System 或 Agent Orchestration，有很多人气开源项目在满足这个目标，大模型官方的工具也开始支持这种做法。

​​

简而言之，就是一个自然人类可以管理一支 AI 军团。这套叙事模式的终局，就是你公司只需要有你老板一个人去指挥 AI 军队就可以了，光盯设计有什么意思，产品、运营、研发、测试有一个算一个都要被 AI 淘汰，这种模式也有个很诱人的称呼叫 —— 一人公司（继电诈之后的新型诈骗）。

但这种模式合理吗？

在逻辑上成立，但在现实世界很难完美运行。最核心的问题，就是产品有大量的细节是需要通过人来决策和审查的，应对层级越高的环境执行效果就越差，且越专业的领域审查它的结果也需要有一定的专业知识与经验。

想要直接取代现有岗位，最大的难点就是 “决策” 和 “审查” 两个门槛。

以设计为例，设计的决策就是决定应该设计什么以及设计成什么样，AI 是可以做出很多优秀的设计，但你不给出具体的描述时往往会得到不想要的结果。还有当设计的结果并不让人满意的时候，缺乏设计经验就很难对它做出调整，比如下面这些 AI 味特别重且平庸的案例。

​​

设计是一种创造性行为，怎么画并不重要，重要的是想好画什么以及画出什么成果。想要让生成的界面好看又好用，需要经过大量的思考和调教，这需要一定的经验与精力的投入。

一个专业设计师最有价值的部分就是决策与审查，而不是操作软件和粘贴素材（这种一般也叫美工不是）。

所以设计师虽然会被 VibeCoding 影响，在一些不在意设计能用就行的项目里没有存在价值，但在另一些重视设计与体验的项目中依旧是不可或缺的。

那哪个岗位被 VibeCoding 影响最大？在我看来是 —— 前端工程师。

相较于设计，前端工程师的工作内容并不是创造（技术上创造的部分被 AI 打破了），而是 “遵循设计 / 需求做实现”，这里所需的决策成本并不算高。而前端产出的结果不像后端，是可以直接查看、使用的，也就是审查这一块也没有太高的门槛，开发出来的东西能不能用，测一测就知道了。

所以有相当一部分中小团队，已经直接让产品或是设计使用 VibeCoding 来完成前端页面的开发，之后再交付给后端让它们完成联调和上线。不是说前端就能完全被 AI 取代，而是中小规模的项目前端部分的工作是最适合用 AI 实现的，而使用 AI 的人却可以不是前端工程师。

AI 和 VibeCoding 的普及会对行业产生巨大的影响，它不是就针对设计师或前端工程师，而是所有岗位都有波及。但它真正影响的是团队的生产方式与工作流程，而不是如何来消灭岗位。

所以作为 UI 设计师，该考虑的问题不是天要怎么塌，而是如何更好地应对眼下的形势和未来的变革。

三、认清 VibeCoding 时代下的岗位职责

AI 除了加速我们负责的工作之外，另一个作用就是拓展我们能力的边界。产品经理可以做设计，设计师可以做前端，普通前端可以做 3D Shader，后端可以做分布式服务等等。

对于 UI 设计师来说，AI 的应用意味着我们要承担更多的职能，往上下游扩张，而不是只是盯着设计软件的使用和体验分析决策。比如最近有个学员刚入职，就直接进入到这样的状态：

​​

上游的部分就是产品端的职能，相信大家对 UI 设计师也要负责产品经理的工作有所耳闻，这在过去就已经非常普遍了，因为做用户与体验分析就势必要创建一些产品需求才能实现优化，所以这部分工作 UI 设计师直接完成比绕一圈给产品更合理也更省事。

​​

但 AI 普及之后产品经理自身的工作流也发生巨大的变化，其中影响最深的就是画原型和输出需求文档。这些产出物虽然有必要性，但对于产品经理的产出价值来说处于最低端，他们的重心应该是围绕在发现用户 / 业务的需求和做好产品发展的规划之上。

所以这部分工作自然更多地交给 UI 设计师去完成，因为既然 AI 已经可以实现了，那 UI 设计师就根据产品的大致规划直接使用 VibeCoding 去生成可交互的原型（顺便带上初步的设计结果，不止是线框图）。通过生成的结果再进一步讨论产品的需求点，进行优化。

​​

这个阶段的工作是需求的探索阶段而不是设计阶段，而上游给出的需求必然是非常模糊的，所以有更多的细节需要我们考虑，完善产品需求。所以多出一部分产品经理的职能是必然趋势，他们制定宏观的方向与框架，我们负责细节的逻辑与流程。

再说下游的部分，就是进行设计稿的开发。过去是我们做完标注切图再交付给前端进行开发，这个流程其实非常的繁琐，中间有很多细节要校对。

而 VibeCoding 可以让设计稿被快速开发出来，只不过这个过程由谁来做的问题。现在接收到的反馈中最荒诞的一点就是既然已经有 AI 了，前端还要求设计师提供 VibeCoding 静态页面，或者让设计师自己猜要交付什么东西给他们。这种情况九成以上就是前端不作为的表现，而不是设计交付流程就应该是这样。

成熟的项目必然是前端根据开发环境，来制定设计的交付明细和范式，设计师要更深度地理解前端样式布局的原理和特征。或者在部分没有前端工程师的场景中，还要直接交付后端需要的代码和文件。

简单来说，就是除了完成本职工作外，我们的工作职能中产品、前端实现的占比会越来越大。

​​

那设计工作怎么办？当然还是继续做着。只是同理，在应用 AI 完成工作的目标下，设计的效率也是会有提升的，尤其是非常重复性的设计工作，可以让 AI 直接完成，让我们腾出更多的时间去处理更有价值的工作。

所以基于这一现状，我们给初级新人的学习和发展建议包含以下几个阶段：

阶段 1：完成基础 UI 技能的学习

第一个阶段肯定还是学习最基础的 UI 设计相关知识点与技能，包括设计规范、设计方法、设计理论，以及相关软件的操作和界面手搓设计。这是一切的基础，不管 AI 怎么发展，掌握这些内容才能有效地控制 AI 来完成项目设计，以及专业地审查 AI 产出的结果。

尤其是在 AI 无法生成理想结果时，能直接动手完成设计，掌握设计的主动权。

阶段 2：培养设计的审美与眼界

第二个阶段和第一阶段其实要同步进行，那就是提升设计的审美。最初级的审美自然是认识优秀的 UI 设计。但局限在这个范围内是肯定不够的，还要去积累更多领域的审美，包括平面、工业、建筑、室内、服装、摄影等领域，尽可能去拓展自己的审美边界，才能最终反映到我们的作品中来。

阶段 3：使用 VibeCoding 自建产品

完成基础的学习以后，我们才需要正式开始使用 VibeCoding，因为除了掌握它的应用外，它也是我们认识项目的最佳渠道。要通过 VibeCoding 将一些简单的想法落地成一个可用的产品，在这个过程中我们一定会碰到各种问题，并要尝试去解决它。

这个过程最大的价值，就是让我们深刻去理解产品需求、用户体验、交互流程、技术方案等各种只做设计训练无法解锁的领域，能让我们真正站在更宏观的角度理解项目是什么，以及 UI 设计在其中发挥的作用。

阶段 4：了解技术框架和实现原理

最后一个部分，就是去了解技术的框架与原理。不是说了解技术就是学习编程，而是了解程序运行起来的逻辑是什么，就像我们要应用好 AI 也要了解 AI 和 Agent 运行的原理但不是学习算法。这种认识可以帮助我们真正将设计与项目结合起来，融入团队和提升产出质量与效率。

以上 4 点就是前期学习中最关键的内容，也是应对 AI 冲击下作为一个 UI 设计师去建立职业竞争力的最好的解决方案。

不管未来 AI 可以发展成什么样，但除开发以外最重要的两项能力 AI 是没办法具备或者是不应该由它们来决定的。一个是产品思维，另一个是审美趣味。

真正的产品思维指的是能洞悉市场与用户的痛点，并能提供有效的产品形式去满足它们，而不是仅仅将产品的功能点描述出来再画出原型和编写文档的能力。这是产品经理最大的壁垒，人人都想成为乔布斯，但显然乔布斯只有一个，即使搬 AI 出来你也成不了他。

​​

而对于设计师来说，最大的门槛永远都是审美趣味，认为有 AI 设计就完了的人从来就不理解什么是审美。网上有很多 AI 生成的优秀案例是没错，但真正优秀的只是 AI 吗？这些案例让你用一样的产品做得出来吗？

所以回到最后差距是什么，依旧还在人身上，是谁在用 AI 决定了 AI 能力的上限。

成为一个有一定产品能力能直接完成前端输出的 UI 设计师，就是未来大家发展的路径，而我们职业最核心的门槛，就是设计审美。

四、结尾

AI 的出现在消灭不同岗位之间的壁垒，这没错，但它的另一个影响，就是放大了同一个岗位内个体的差异，因为 AI 会放大我们的能力，能力的差距在 AI 的放大之后会呈几何倍数增长，更直观更清晰。

理解这个概念，不管你们未来是做设计还是其它岗位，只有人的差距是无法被外力填补的。