AI 時代的 UI 設計師

最近自己嘗試了一輪，也跟身邊幾個設計師朋友聊過，想分享一下「AI 時代的設計師到底怎麼工作」。

——

先講畫 Figma 這件事。

以前我們都是手工規劃需求、手工拉框、手工畫圖，慢得令人髮指。但 AI 時代開始不一樣了。

現在的流程可以是這樣：先依照 PRD 產出一份「專屬於自己畫圖用的 Spec」，把畫面風格、畫面邏輯、使用者流程先規劃清楚；接著一段 prompt 丟給 AI Agent，直接生成一個前端專案。

這個前端專案不需要交代任何技術細節，能跑、能 Demo prototype 就夠了。比起過去曠日費時的 Figma prototype，效率根本不是同一個量級。

更妙的是接下來這一步：拿著這個有原始碼的 prototype，反過來讓 AI 讀取瀏覽器 DOM 與樣式參數，再把 Figma 設計稿畫出來。

這個速度，是過去難以想像的高速。從發想需求到定稿開發，可能不用一週，甚至可以多線並行。

——

不要再覺得 AI Agent 是很遙遠的東西。

身邊已經有不少設計師、產品經理開始大量使用 codex、claude code 這類工具。剛開始當然會撞牆——突然要會開終端機、學語法、看一堆看不懂的腳本、搞複雜的插件和工具串接——但這個門檻過去之後，生產力提升絕對不是 50% 到 100%，而是 200% 到 400% 的恐怖加速。

當然速度不是沒有代價，相對換來的是大腦的高度轟炸與疲勞，會比過去更容易覺得工作累。

——

剛開始你一定覺得 AI 都在亂做：畫歪、做錯、跟你想的完全不一樣。

但這些「不一樣」正是 AI 取代不了你的原因。

你要逐步教 AI 怎麼規劃 Spec、怎麼畫 Figma，反正也沒什麼慣例可遵守，就是一步一步打造屬於自己的專屬 AI 團隊。

Token 很貴？AI 要錢？

叫公司出個 100 美金換來高度生產力，不過分吧？

如果連這點 AI 經費都要被說三道四，那就不配享有 AI 帶來的成果。

非常推薦每一個在電腦前工作的人，現在就開始入門。

——

但我還是要說一句老實話：工作上最大的瓶頸，從來都不是「製作的速度」。

真正卡住速度的關鍵是「需求對焦」。

設計需要花海量的時間確認需求細節。過去有些細節是工程師那邊在把關的，現在反而被往設計這側推；只要沒對焦清楚，prototype 就會缺三落四、邏輯不完整。

所以說白了，設計師跟工程師相比，AI 提速帶來的效益其實不如工程師。這點，只有真的在現場操作過的人才會懂。