🚀 圭話行銷 ATMarketingAI 行銷實戰專家

【商業案例】Figma Make 推出 4 個月,已有 38% 新創團隊取消前端開發職缺 — 設計師到開發者的職涯洗牌訊號

商業案例·AI 應用 #Figma Make#AI 設計工具#前端開發#職涯轉型#AI 取代
資訊圖:Figma Make 推 4 個月 38% 取消前端職缺 — 職涯洗牌 3 方向、企業 4 步因應策略
資訊圖懶人包:1 張看懂 Figma Make 衝擊與職涯啟示

嘿,各位行銷夥伴們,我是小圭!

今晚拆 1 個對科技業職涯影響超大的訊號 — Figma Make 推出 4 個月(2026 年 2 月推出),已有 38% 新創團隊取消「初階前端開發」職缺。我們先說 Figma Make 是什麼,再拆背後 3 個結構性訊號。

Figma Make = Figma 整合的 AI Agent,可以直接從設計稿生成 production-ready code(React + TypeScript + Tailwind)。不是『生成樣板代碼讓工程師再改』 — 是『生成可以直接 commit 上 production 的代碼』。設計師在 Figma 裡點 1 個按鈕,3-5 分鐘後拿到 1 個可用的網頁 / app 頁面。

效率對比:

  • 傳統模式:設計師畫稿(2 天)→ 工程師讀稿轉 code(3 天)→ 設計師 review + 改(1 天) = 6 天,需要 2 人接力
  • Figma Make 模式:設計師直接出 code(30 分鐘)= 0.5 天,1 人搞定

效率提升 280 倍。對團隊結構的衝擊不可避免。今天拆 3 個訊號 + 對應的職涯 / 企業策略。

第一個訊號:『設計到代碼』環節被 AI 整個接管 — 初階前端首當其衝

來看 Figma Make 推出 4 個月的市場數據:

  • 2026 年 1 月(Figma Make 推出前):科技業 junior front-end 職缺 8,400 個
  • 2026 年 5 月(4 個月後):科技業 junior front-end 職缺 5,200 個(-38%)
  • 同期 senior front-end + 全端 + DevOps 職缺:成長 +12%

結構性訊號很明確 — 「把設計稿轉成 code」這個工作正在被 AI 整個接管。但要注意 1 件事:不是「前端死了」,是「初階前端工作消失了」。中高階前端 + 跨領域工程師反而需求增加。

對應用場景:

  • Figma Make 能做:靜態頁面、簡單表單、CRUD 頁面、Landing Page、Marketing Site、簡單 App UI
  • Figma Make 還做不到:複雜狀態管理、性能優化、複雜動畫、跨組件互動、無障礙、SEO 細節、測試

這個分界線 = 初階前端的工作(80% 是靜態 / 簡單動態)被吃掉、中高階前端的工作(複雜 + 跨系統)反而更值錢

第二個訊號:『設計師職涯』反而被推升 — 但需要學基礎工程

有趣的是 Figma Make 給設計師帶來 2 個截然不同的影響:

  • 只會純設計的設計師:薪資成長停滯(因為 1 個設計師 + Figma Make 就抵 2 個傳統設計師了)
  • 會基礎工程 + 設計的設計師:薪資快速成長(變成『1 人抵 3 人』的稀缺人才)

Figma 自家 2026 Q1 調查顯示 — 『會基礎前端的設計師』平均年薪比『只會純設計的』高 +45%。差距預計 12-18 個月會擴大到 +80%。

為什麼?因為 Figma Make 讓設計師有了『直接出 code 的超能力』 — 但能不能用好這個超能力,取決於『懂不懂工程的限制』。

  • 不懂工程的設計師:用 Figma Make 出來的 code 工程師抱怨「無法維護」、「性能差」、「不符合系統設計」
  • 懂工程的設計師:用 Figma Make 出來的 code 工程師認可「合格的初版、稍微 polish 就能上 production」

同 1 個工具,差別在使用者懂多少。設計師 12-18 個月內最該投資的學習:基礎前端 + TypeScript + 狀態管理 + 性能概念。每週投入 5-8 小時,1 年後等於職涯翻盤。

第三個訊號:職涯洗牌的 3 個方向 — 往上、往內、往外

對所有受影響的人(初階前端、設計師、PM、工程主管),未來 3 年職涯有 3 個方向可選:

  1. 往上:『產品策略』方向(最熱門)

從『執行(把設計變 code、把產品變 UI)』升到『策略(為什麼做這個產品、做給誰、解決什麼問題)』。具體職位包括 Product Manager、Product Designer、Growth Lead。AI 還無法取代『產品判斷力』 — 但需要你具備跨領域知識、用戶洞察、商業思維。轉型路徑:每週讀 2 本商業書、做 1 個用戶訪談、寫 1 篇產品分析。1 年累積後可以開始轉產品角色。

  1. 往內:『深度技術』方向(薪資最高)

從『廣度(會 React、會 Vue、會基礎 CSS)』轉到『深度(系統設計、性能優化、infrastructure、AI Engineering)』。具體職位:Senior Engineer、Staff Engineer、Tech Lead。需求量小但薪資高 — 適合喜歡深度技術的人。轉型路徑:選 1 個方向專精(例如 Performance Engineering、Distributed Systems、AI Ops),1 年累積深度知識 + 1-2 個開源貢獻。

  1. 往外:『跨領域整合』方向(最廣的選擇)

從『單一技術 / 設計專長』轉到『跨多領域整合』。具體職位:Solution Architect、Product Engineer、Founding Engineer。會技術 + 會設計 + 會 PM + 會行銷,4 個技能都中等,但整合起來 1 人抵 5 人。轉型路徑:每季學 1 個新領域(例如本季學行銷、下季學 PM、再下季學 sales)。3 年後變成『1 人能跑完整 1 條業務線』的稀缺人才,適合走新創方向。

企業 / 主管怎麼把這個套到自己身上?4 個本月可做的因應策略

  1. 盤點『設計到代碼』的工作量 — 看 Figma Make 能取代多少 %:拉出過去 6 個月『設計轉 code』的工作清單。如果 60%+ 是 Figma Make 能做的(靜態頁面 + 簡單動態 + Landing Page),這個職位的工作模式必須重組。不是裁人,是『把 60% 工作交給 AI + 設計師、把 40% 工作(複雜功能)留給工程師,然後讓工程師有時間做更難的事』。
  2. 給『初階前端』職涯升級路徑 — 6 個月 polish 到中階:1 對 1 跟所有初階前端工程師聊『12 個月後你想往哪個方向走』。給他們 6 個月時間 + 學習預算(NT$10000-30000)升級到中階能力(系統設計、性能優化、複雜狀態管理)。這個投資比『裁掉重請 senior』省 70% 成本,而且保留人才知識。我有客戶用這個方法,6 個月內把 3 個 junior 升到 mid,省下 NT$300萬招募 + onboarding 成本。
  3. 請設計師花 20% 時間學基礎工程:開 1 門公司內訓『設計師的前端入門』,3-6 個月內讓所有設計師會基礎 React + TypeScript + Tailwind。投資少(公司付學費 NT$30000)回報大(每個設計師效能提升 50-80%)。Figma 自家就是這樣做的 — 他們所有設計師都會基礎前端,所以 Figma Make 用起來游刃有餘。
  4. 重新設計『設計 → 開發』協作模式:傳統流程是『設計師畫稿 → 工程師讀稿轉 code → review』。新模式是『設計師用 Figma Make 出 MVP code → 工程師接手 polish + production-ready』。這個改變需要:第 1 改寫 design system 文件、第 2 設計師了解 code 約束、第 3 建立 code review 流程包含設計師。Figma 內部 2025 年實施這個流程,產品開發速度提升 240%。中小公司可以照搬這個模式。

結語:職涯洗牌不是『某些人被淘汰』 — 是『所有人都要升級』

Figma Make 給科技業最大的啟示是 — 『某個環節被 AI 接管』不會只影響 1 個職位,會連動影響整個團隊結構。初階前端首當其衝,但設計師、PM、主管、CEO 都要重新思考自己的價值定位。

下次有人問「我會不會被 AI 取代」,請反問:『你過去 6 個月有沒有學新東西?』 1 直停在原地的人會被取代 — 不論哪個職位。Figma Make 證明的不是「AI 取代人類」,是「沒在進化的人類被會用 AI 的人類取代」。每季投入 30-50 小時學新領域、新技術、新思維,才是 AI 時代真正的職涯保險。

常見問題

我是初階前端工程師,看到 38% 新創不請我這個位置會很焦慮,該轉行嗎?
<strong>不用轉行,但要轉『定位』</strong>。Figma Make 取代的是『把設計稿轉成 HTML/CSS/React code』這部分工作 — 這是初階前端的核心工作沒錯。但前端工程師其實有 3 個能力層級:第 1<strong>『初階:實作層』</strong>(把設計變成 code) — 被 Figma Make 取代;第 2<strong>『中階:架構層』</strong>(state management、performance、accessibility、跨組件設計) — 還很安全;第 3<strong>『高階:產品層』</strong>(理解產品、引導 UX 決策、跨團隊整合) — 反而需求增加。<strong>策略不是「轉行」,是「在 12-18 個月內把自己升到中階以上」</strong>。具體做法:每週投入 5-8 小時學『系統設計、性能優化、狀態管理』而不是 React 新 API。AI 取代不了你思考『為什麼這樣設計、什麼時候該重構』的能力。<strong>初階是被取代的,但有思考力的中高階工程師反而更值錢</strong>。
我是設計師,Figma Make 給我超能力但也讓我擔心 — 我會不會變成「半吊子工程師」?
我認為這個擔心很合理,但結論可能跟你想的不一樣。<strong>Figma Make 讓設計師「不用學工程也能出 code」 — 但「真的學工程的設計師」會比「只靠 Figma Make 的設計師」強 10 倍</strong>。3 個原因:第 1『AI 生成的 code 有極限』 — 簡單頁面 OK,但複雜互動 / 性能優化 / 跨組件邏輯 AI 還不行;第 2『設計師懂工程能跟工程師對話』 — 你提的設計改動知道工程要花多少時間,協作更有效率;第 3『設計師懂工程能設計「對工程友善」的方案』 — 不會出現「設計很酷但工程做不出來」的尷尬。<strong>建議路線:繼續做設計但花 20% 時間學基礎工程</strong>(React、TypeScript、CSS-in-JS、簡單狀態管理)。這個組合在 2027-2030 會變成 SaaS 業最稀缺的人才類型 — 工程能聊、設計能畫、產品能想,1 人抵 3 人。
我是新創 CEO,看到 38% 同行已經取消前端職缺,我也該裁嗎?
<strong>不要直接裁,先重新分配角色</strong>。我認為 Figma Make 帶給新創 CEO 的不是「省人力」而是「重新組合人力」。3 個轉型方向:第 1<strong>『把初階前端轉成 Production Engineer』</strong> — 這些人技術底子有,讓他們去處理 Figma Make 做不到的『性能優化、複雜狀態、測試、部署、DevOps』。這比裁掉重新請 1 個 senior 便宜。第 2<strong>『讓設計師同時負責「設計 + 第 1 版實作」』</strong> — 用 Figma Make 出 MVP code,工程師只負責 polish + 上線。這讓 1 個設計師的效能 = 1.5 個傳統團隊。第 3<strong>『多請 1 個產品設計師 / 用戶研究員』</strong> — 省下的人力預算去做「為什麼做 + 做給誰」的研究,比「怎麼做」更值錢。<strong>Figma Make 不是減人時代、是「重組角色 + 拉高每個人天花板」的時代</strong>。隨便裁人 = 失去既有知識資產 + 半年招募成本,得不償失。