一览这个职业
来源与参考 (8)
- https://www.indeed.com/hire/job-description/software-engineer
- https://www.aha.io/roadmapping/guide/agile-development/what-is-the-role-of-a-software-engineer
- https://jessup.edu/blog/engineering-technology/what-do-software-engineers-do-on-a-daily-basis/
- https://www.computerscience.org/careers/software-engineer/
- https://www.mtu.edu/cs/undergraduate/software/what/
- https://www.bls.gov/ooh/computer-and-information-technology/software-developers.htm
- https://www.baesystems.com/en-us/who-we-are/electronic-systems/engineering-careers/software-engineering
- https://www.snhu.edu/about-us/newsroom/stem/what-does-a-software-engineer-do
在同一家公司,薪资区间压过资深安全工程师
Ramp 在纽约挂出的设计工程师职缺,薪资区间是 $172K 到 $440K。同一家公司的资深安全工程师职缺,上限停在 $236K。下限一样,上限差了近一倍。一家金融科技公司认定,界面的完成度可以比安全岗的资历更值钱。
这个岗位做的事说起来不复杂:不画设计稿再交给开发,而是把想法直接写成生产代码。交互、动效、设计系统、无障碍,用户手指碰到的那一层全归一个人。有人是学会写代码的设计师,有人是练出设计眼光的前端工程师。招人的一方看的不是出身,而是能不能不经交接把东西做完。它和把「做什么」也握在手里的产品工程师不同,这个位置的胜负在「看起来怎么样、动起来怎么样」。
把这个职称做出名的是 Vercel,那里的设计工程师横跨营销页面、产品界面和公司内部的设计系统。GitHub 和 Uber 也有类似的位置,慕尼黑的创业公司 Mercura 这样的小团队也开始用同一个职称招人。原本属于美国大型产品公司的名字,正在向整个招聘市场扩散。
需求上涨的背景是生成工具。当任何人都能几分钟做出一个过得去的界面,过得去就不值钱了,能把最后 5% 收尾的手反而涨价。Ramp 的职缺要求里,LLM 和 React、TypeScript 并排列着。工具出草稿,人负责收尾。
底子是能上生产的前端
底层是生产级前端。React 和 TypeScript 要熟到能加动效而不拖垮性能,CSS 要离开框架也顺手。在这之上是设计基本功:字体排印、间距、色彩对比要能自己拍板,因为很多时候旁边没有设计师替你拍。
- 设计系统:token 设计与组件 API,做的人离开之后别人还能扩展
- 交互实现:弹簧参数、缓动曲线、拖拽细节都用代码写,并且说得出每个库为什么选它
- 原型速度:会上不吵,第二天早上带一个能跑的 demo 来
- 无障碍:键盘操作和读屏器支持是完成度的一部分,不是单独的检查项
- 生成工具:用 LLM 出草稿、也知道该扔掉什么。Ramp 的职缺把它写进了要求
作品集的标准和相邻岗位不一样。设计稿截图不算证据。能点开的部署链接、可以上手玩的交互、别人真的在用的设计系统,只有这些算数。
从前端开发起步,然后把决定权拿过来
入口通常是前端工程师。初级阶段给设计系统贡献组件,在旁边吸收设计决策。到资深阶段,独立拥有一块产品界面的整体观感,和设计师平起平坐地参与视觉决定。到 Staff 层级,负责整个公司的设计系统和品牌表达,并且给下一个人定招聘标准。
薪酬的公司间差距很大。按 Built In 的统计,2026 年美国设计工程师平均底薪 $148,301,区间 $83K 到 $233K。从这里到 Ramp 上限 $440K 的距离,就是这个市场的真实地图:在中位数的公司里拿前端工程师的钱,在少数拿完成度当竞争力的产品公司里,收入超过安全工程师。
在国内,招聘网站上很少直接出现这个职称。制造业里「设计工程师」指的是机械岗,软件行业的这类工作则拆进了前端团队和 UED 团队里,藏在「有设计系统建设经验优先」这样一行字后面。职称少不代表路不通。实际的准备是把一个已部署的 demo 打磨到底:与其再加新作品,不如把手头这一个的暗色模式对比度、键盘焦点、缓动数值都补完。打开链接点三十秒,完成度到哪里一眼就看得出。
走过这条路的人
标签
参考资料
- https://jobs.ashbyhq.com/ramp/b68aca53-16c0-4ced-ab1d-e8beb2940b4f
- https://www.arbeitnow.com/jobs/companies/mercura/design-engineer-munich-421938
- https://uithings.com/design-engineering
- https://www.telerik.com/blogs/design-engineers-filling-frontend-gap
- https://www.paraform.com/blog/what-is-a-design-engineer-and-how-they-re-different-from-product-engineers