三种活儿,三道分水岭

先把活儿分清楚

你看招聘网站上一堆 UI / UX / 前端 / 全栈 / 产品设计师 / 交互设计师,五花八门,听着像七八个行当。说白了,这一行的核心就三种活儿,剩下的都是叫法不同。¹

下面这张表先把骨架立起来 —— 后面四节会挨个把肉填上去。

维度	UI 设计师	UX 设计师	前端工程师
一句话职责	让东西好看好用	让流程对路	让设计跑起来
关心什么	颜色、字、间距、动效	用户、流程、痛点、数据	性能、可维护、还原度
主要产出	Figma 高保真稿、设计系统	线框图、研究报告、流程图	能上线的 web / app 代码
工具	Figma / Sketch / Principle	Figma / Notion / Maze / Dovetail	VS Code / Cursor / React / Vue
主要跟谁吵	UX 和前端	PM 和 UI	UI、后端、PM

为什么要分三个?历史原因。早年间没"UX"这个词,设计师就管出图,工程师就管写代码。后来 Don Norman 把"用户体验"这套带火了,UX 从 UI 里分了出来,专门管"人怎么用产品"这件事。² 再后来工程那边也分化,前端从全栈里独立出来 —— 浏览器越来越复杂,光是 CSS 就够一个人吃饭。

但这三块分得也没那么死。咱们现在看到的趋势是,一线公司开始把 UI 和 UX 合并叫做 Product Designer 一个角色,一个人干两件事。Figma 自己 2026 年招的早期 Product Designer 岗位写得明明白白:"研究、原型、高保真、跟 PM/工程师协作"全在一个 JD 里。³

下面四节,挨个看。

UI:从画图的,到守门的

咱们先看 UI 这一行。普通的 UI 干嘛?PM 把需求扔过来,你打开 Figma,拖个 shadcn / Ant Design / Material 的组件库,把界面拼出来。颜色用 brand 色,字号用规范,间距走 8px 网格。这事儿熟练工 3 个月就能上手,而且 AI 已经能 70% 替你做了。⁵

顶级的 UI 干嘛?他在养一套视觉系统。一个 button 的 hover、disabled、loading、focus、long-press 各是什么样子;表单错误信息怎么排,空状态(empty state)怎么画,加载到一半网断了怎么办;暗黑模式跟亮色模式怎么对应,不同尺寸屏幕怎么响应 —— 这一整套规矩,他能整体撑住,而且看起来像是从一个脑子里出来的,不是东拼西凑的。⁶

品味是高密度暴露出来的

那这门"品味"从哪儿来?不是天生的。说白了就是高密度暴露 —— 顶级 UI 看过的东西比普通人多十倍,而且不是只看其他网站,他看电影、看印刷品、看建筑、看工业设计、看老海报、看日本平面、看瑞士字体。他脑子里有"参照系",你画一个错的他一眼看出来,因为他知道对的长什么样。

为什么有些 UI 工作了 10 年还在抄 Material Design?因为他这 10 年只看了 Material Design。⁷ 输入决定输出,这事儿对设计这行尤其残酷。

UX:从画流程,到摸用户

UX 是最容易被误解的一行。很多公司招的"UX 设计师",其实就是"线框图专员"—— 给我画 10 个 wireframe,我看了说改改你就改改。这种活儿,初级 UX 干的;顶级 UX 干的完全是另一件事。

真正的 UX 干两件事:研究用户、挑战需求。第一件是把人摸透,第二件是敢回头跟 PM 说"这事儿别做"。

下面这张表,把初级、中级、顶级 UX 在五个维度上拉开看 —— 你能很清楚地看出这一行的天花板在哪。⁸⁹

维度	初级	中级	顶级
思考层次	What — 画什么	How — 怎么画	Why — 为什么画
主动性	等 PM 给需求	提改进意见	挑战:这需求是不是伪需求?
用户研究	看现成报告	跑可用性测试	主动找用户聊、看埋点、做田野
跟商业的距离	不知道为啥做这个	知道公司的 OKR	能说出每个设计决策对生意的影响
可衡量产出	几张稿子	改进了某项指标	救了一个失败的方案 / 改了产品方向

敢挑战伪需求

普通 UX 接到需求就埋头开干,顶级 UX 先问一句:"这个需求是用户真要的,还是 PM 自己脑补的?"¹⁰ 敢这么问的人,通常被 PM 嫌弃,但产品做得长久。

这就解释了一个现象 —— 为什么有的 UX 在大公司混不开?因为他真的把"挑战需求"当本职。在某些组织里,这种人就是"刺头",日子不好过。但他做出来的产品,生命力比"乖巧执行"的人做的强一个量级。

前端:从写代码,到建系统

普通前端:打开 Figma 稿,用 React + TailwindCSS 把它还原出来,跑通几个 API,完事。3 年经验大概到这一档,薪资稳定但没法再涨。

顶级前端:写一个东西之前,先想三件事 —— 这东西一年后谁来改;加载性能会怎么样;跟现有系统怎么集成。他可能花 1 小时写代码,但花 3 小时想架构。¹¹

顶级前端的知识结构,是一个"T 字"形:横向 —— 该会的基础(HTML / CSS / JS / 框架 / 工具链)他全会;纵向 —— 在某一个具体领域他扎到非常深(性能调优、渲染机制、可访问性、浏览器内核之类)。普通前端通常只有横,没有纵。

顶级前端不是打字快,是删代码多

这是个反直觉的事儿 —— 真正的 10x 前端,不是写得多,是删得多。¹² 普通前端一天可能写 1000 行,顶级前端可能只写 300 行,但顺手把别人多余的 500 行删了。说白了,顶级在抑制熵增,普通在生产熵。

还有一件事 —— 顶级前端的非技术能力,常常比技术能力更要紧。沟通、写文档、code review 时给人留面子、跟设计师吵架还能赢、给老板讲清楚一个技术决策的商业代价 —— 这些事儿决定了你能不能从 senior 走到 staff 再到 principal。¹¹

三种顶级的共同分水岭

现在咱们回到你最关心的问题 —— 三种角色,顶尖跟普通的差距到底在哪儿?

我跑完一圈研究,发现一件事:三种角色的活儿不一样,但 顶尖人的状态高度一致。下面这四点,UI / UX / 前端 三种顶尖都有,普通的都缺。这就是你要的答案。

分水岭	顶级有这个	普通没这个
跨界知识	UI 懂电影 / UX 懂心理学 / 前端懂设计	只懂自己那一行的术语
系统级思考	想"这一改对全局怎么样"	只想"这一块儿怎么做"
关心 why	主动追问"为什么要做这个"	接到需求就开干
离用户近	经常听用户骂、看真人用产品	只看 PM 给的需求文档

这四件事看着普通,但合起来就把一个人从"螺丝钉"变成"决策者"。螺丝钉的天花板是工资,决策者的天花板是影响力,两条路差一个数量级。

这四件事,AI 都做不了

AI 能画图、能写代码、能跑用户访谈分析。但 AI 不会替你决定"这需求是不是伪需求",不会替你拍板"这套系统的下一步该往哪走",不会替你跟一线用户在咖啡馆里聊两小时。顶尖人做的就是这四件事 —— 这就是为什么 AI 砍掉的是普通人的活儿,涨价的反倒是顶尖人的判断。¹³

AI 时代:谁消失,谁涨价

2026 年了,这一节不躲。截至这一年初,Figma 自己的官方调研数据是 —— 72% 的 UX designer 说,AI 已经在做他们以前的活儿了 🟢 high。¹⁴ 这个数字一年内涨了 30 个点。

这不是危言耸听,是现状。咱们看看 AI 对这三种角色的具体冲击:

角色	AI 在抢什么	AI 抢不走什么	谁涨价
UI	画稿 / 改稿 / 生成图标 / 配色	视觉系统整体感 / 品味判断	守门人型 UI
UX	跑数据分析 / 写报告 / 做线框	用户洞察 / 商业判断 / 挑战需求	研究型 + 策略型 UX
前端	写组件 / 还原稿 / 改 bug / boilerplate	架构判断 / 性能调优 / 跨系统协作	系统设计型前端

一个反常识的数据 —— Nielsen Norman Group 2025 年最火的一篇文章标题是 "AI makes UX generalists valuable"。¹⁵ 意思是 AI 时代,什么都懂的全才比什么都精的专才更值钱。原因很直接:AI 把一个个具体的活儿都标准化了,剩下的价值就在"整合" —— 知道什么时候用什么、不同模块怎么搭起来。这事儿全才比专才强。

所以你要是现在还在纠结"我应该专精 UI 还是专精 UX",可能想错了方向 —— 真正涨价的是能跨这三块的人,也就是 Product Designer 这条路。³