設計工程師：不交接設計稿、直接寫出產品的職位

在同一家公司，薪資區間壓過資深安全工程師

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 的距離，就是這個市場的真實地圖：在中位數的公司領前端工程師的錢，在少數拿完成度當競爭力的產品公司裡，收入超過資安工程師。

台灣的職缺版上很少直接出現這個職稱，同樣的工作多半藏在前端職缺的「有設計系統經驗佳」一行字後面。新創團隊人少，前端往往就是實質上的設計工程師，只是沒有人這樣叫。職稱少不代表路不通。實際的準備是把一個已部署的 demo 打磨到底：與其再加新作品，不如把手上這一個的深色模式對比度、鍵盤焦點、緩動數值都補完。打開連結點三十秒，完成度到哪裡一眼就看得出。