先说一个真实到有点残忍的场景。
去年年底，一个做 UI 的朋友跟我吃饭，说了一句话让我记到现在："现在需求方给我看图，第一句话不是'好不好看'，是'这是不是 AI 生成的'。"
她苦笑：以前怕 AI 做不出好东西，现在怕 AI 做得太好——好到显得她多余。
这不是她一个人的焦虑。过去两年，UI 设计师和前端开发，这两个曾经站在产品生产线上游的工种，正在一起经历一场"温水煮青蛙"式的困境——水温在慢慢升高，但很多人才刚意识到。
这篇文章想把这场困境讲透。不讲鸡汤，不讲"AI 是工具你要拥抱它"这种正确的废话，就讲三件事：困境到底在哪、为什么它比表面看起来更严重、以及有没有真正的出路。
一、表面困境：你引以为傲的技能，正在被"白菜化"
先看最直观的一层。
对 UI 设计师来说，是"出图权"被剥夺。 十年前，会画界面是一项硬技能——一个能画出好看界面的设计师，在团队里是不可替代的。但现在，Midjourney、即梦、Figma AI，一分钟能出十版视觉稿。需求方自己都能"用 AI 出一版看看"。设计师从"创作者"变成了"挑选者"——从 AI 出的十版里挑一版，然后细化。
对前端来说，是"编码执行"被压缩。 十年前，能把设计稿还原成页面的前端，是团队交付的关键。现在，Cursor、Claude Code 这类工具，能读整个仓库、能跨文件改代码、能自动跑测试。一个初中级前端能干的活，AI 能干一大半——而且不请假、不涨薪。
这一层困境的本质是同一个：你过去靠"熟练"建立的竞争力，正在被 AI 用极低的边际成本复制。
如果只是这一层，那还好办——学新工具、练新技能，总能跟上。但真正的困境，在下面两层。
二、隐蔽困境：同质化，正在反噬这个行业
第二层困境，比第一层更隐蔽，也更有意思。
AI 越普及，有一个现象反而越明显："好看"变廉价了，但客户变得更挑剔了。
为什么？因为所有人都在用同一批模型。大家拿 AI 出的图，风格都趋同——都"完美"，但都没灵魂。一个设计放到市场上，客户第一眼就知道"这是 AI 生成的"，因为它长得像所有 AI 生成的东西。
于是需求方开始要一些 AI 给不了的东西："这个设计为什么长这样？它解决了什么业务问题？你和竞品的差异在哪？"
这恰恰是 AI 的盲区。AI 知道"好看"是什么，但不知道"为什么好看"、"为谁好看"、"在什么约束下好看"。它能回答"怎么设计"，回答不了"为什么这么设计"。
所以一个悖论出现了：AI 让"做出来"变容易了，却让"说清楚为什么这么做"变值钱了。 而后者，恰恰是大部分设计师和前端在过去几年里最不重视的能力。
三、致命困境：夹层里的窒息感
如果说前两层是"温水"，那第三层就是"青蛙"真正感觉烫的地方——夹层困境。
往上，AI 能出图、能写代码；往下，产品经理学会了用 AI 出原型，运营学会了用 AI 做落地页。UI 设计师和前端，正好被夹在中间——上面被 AI 顶住，下面被工具化的人抄底。
更难受的是，这个夹层还在不断变窄：
- 设计师里，"只会把界面画好看"的人，溢价在归零——因为 AI 能画，而且更快；
- 前端里，"只会把设计稿翻译成代码"的人，溢价也在归零——因为 AI 能翻译，而且更便宜。
两头都在被 AI 挤，中间那一层"纯粹的执行者"，正在以肉眼可见的速度贬值。 这才是这场困境最扎心的地方：不是某一个技能过时了，而是"只会执行"这个身份本身过时了。
四、困境的根源：技能在贬值，能力结构没变
把三层困境放一起看，你会发现它们指向同一个根源：
大多数 UI 设计师和前端，过去建立的能力结构是"单点执行型"的——要么会画，要么会写。AI 恰好最擅长替代"单点执行"。
所以真正的困境，不是"AI 太强"，而是你的能力结构没有随着水位变化而调整。
那句话怎么说来着——不是 AI 淘汰了你，是会用 AI 的人淘汰了不会用 AI 的人。但对设计师和前端来说，这句话还不太准确。更准确的是：不是会用 AI 的人淘汰了你，是"能力结构更完整的人"淘汰了"能力结构单一的人"。 AI 只是让这种结构差异，第一次变得如此刺眼。
五、出路：把"我能做什么"升级成"我能连接什么"
困境讲完了，讲点实在的。我不灌鸡汤，就说我在身边活得比较稳的设计师和前端身上，看到的三条共同路径。
第一条：从"产出"走向"定义"
AI 能出图、能写码，但"定义规则"这件事，它短期内做不了。
设计师开始往 Design System 走——定义设计 Token、组件规范、交互标准，让 AI 在你划定的规则里出图；前端开始往架构走——定义技术方案、模块边界、性能基线，让 AI 在你规定的结构里写码。
你会发现，当规则由你定义时，AI 从"竞争对手"变成了"执行工具"。 这是身份的根本转变：从"被 AI 替代的人"变成"指挥 AI 的人"。
第二条：从"单域"走向"跨域"
这是我认为最关键的一条。
AI 时代最稀缺的，不是某个领域特别强的人，而是能连接两个领域的人。对 UI 设计师和前端来说，最天然的跨域，就是设计和代码之间的那道缝。
过去这道缝是怎么被处理的？设计师画完，前端实现，上线后发现"和稿子不一样"——然后靠截图、靠肉眼、靠来回沟通去对齐。一个页面差 2px，两个人在聊天软件里扯半小时。
这条"信息流"一直是断的——设计意图在 Figma 里，代码实现跑在浏览器里，两者之间没有一条可验证的通道。 谁能把这条通道修好，谁就站在了跨域的位置上。
这几年有一些工具在试着修这条通道。比如 Web to Design（官网 drawflare.net，Chrome 插件 + Figma 插件），能把线上跑着的网页直接提取成 Figma 里可编辑的图层——DOM、样式、图片、布局全部还原，平均 9 秒，还原度 85%-95%。
对设计师和前端来说，它的价值不在于"多一个工具"，而在于它让那条断掉的信息流第一次通了：
- 设计师做竞品研究，拿到的不再是截图，而是竞品页面可编辑的图层——间距、配色、层级，全是真实数值；
- 前端做还原度验收，不用再肉眼对比截图——把线上页面拉回 Figma 叠层看，差在哪一目了然；
- 两个人对齐的时候，终于有一个双方都能看、都能改的"共同底稿"，而不是在聊天记录里比划。
免费版每月 10 次，日常够用：
- 官网：drawflare.net
- Chrome 插件：链接
- Figma 插件：链接
跨域的本质，是让你成为那个"两头都懂"的人。 当 AI 把每一头的执行都变得便宜时，连接两头的那个位置，反而越来越贵。
第三条：从"作品"走向"可验证的成果"
最后一条，关于怎么证明自己。
过去证明自己靠作品集——好看的图、能跑的页面。但 AI 时代，作品集的含金量在缩水——因为"好看"和"能跑"都太容易了。
更有说服力的，是"可验证的成果"：你定义的那套设计系统，覆盖了多少页面；你优化的那个页面，性能指标提升了多少；你拉平了设计和实现之间的多少偏差，团队返工率降了多少。
作品会过时，成果会复利。 能拿出"可验证成果"的人，在任何团队里都是稀缺的。
写在最后
回到开头那个朋友。那次吃饭的最后，我问她："那你还打算继续做 UI 吗？"
她想了一会儿说："做。但我不想只做 UI 了。"
我觉得这个回答，比任何"AI 是工具不是威胁"的鸡汤都有力量。困境是真实的，出路也是真实的——关键在于，你有没有意识到水温在升高，以及愿不愿意在烫之前，换一种游法。
UI 设计师和前端不会被 AI 消灭，但"只会画图的设计师"和"只会翻译代码的前端"，会。区别不在你用了多少 AI 工具，在于你的能力结构，是否已经从"单点执行"，长成了"能够连接"。
这篇文章如果让你有一点共鸣，或者让你想通了一点什么，欢迎转发给正在焦虑的同行朋友。我们都在同一锅温水里，早点醒，一起想办法。
