在 AI 只要 30 秒就能產出一個精美介面的 2026 年，「UI 設計師」這個職稱的含金量正在經歷一場前所未有的位移。

如果你最近也感覺到 AI 生成的 UI 陷入了某種「精緻的平庸」，視覺雖然華麗但沒什麼特色，雖然能快速產出程式碼卻很難長期維護，那 AAPD 的講師 Harry 過去幾年從大型電商到獨立產品的實踐路徑，或許是我們可以參考的進化思維！

當大家還在糾結如何寫出更好的 Prompts 時，Harry 已經透過他的作品證明：設計師真正的護城河，不在於手刻 Pixel 的速度，而在於建構完整系統的架構力。

以下我整理出三個核心觀察，帶你重新理解設計師在 AI 時代的定位與優勢：

一、2026 年的設計系統，是寫給 AI 讀的一套規則

在 Harry 關於《用 8-bit 像素風格構建 Design System 再透過 AI 自動化佈署，AI 時代的產品設計與開發工作分享》中，有一個數字立刻吸引了我的注意：整個網站有 95% 的程式碼是由 AI 協助完成的。

身為一個 AI 的重度使用者，我的第一個反應並不是「AI 好強」，而是忍不住想問，Harry 在開發前，到底做對了什麼？

為什麼？因為我知道如果沒有清楚、明確的規則，AI 有多會自行腦補！

我拜讀完這篇技術復盤後，了解到這 95% 的成功並不是來自於多厲害的指令，而是因為 Harry 在開發一開始，就先建立了一套結構清楚、機器能理解的 Design Tokens。這套規範，讓 AI 在產出程式碼時有明確的依據，而不是憑感覺嘗試。

UIUX 設計師的轉型：定義規則與系統

在過去，設計系統是設計師與工程師溝通的工具，確保視覺意圖能被正確實踐。但在 2026 年，設計系統的對象變成了 AI。

對 AI 來說，模糊的形容詞（如：活潑的藍色、適中的間距）是模糊資訊，容易導致風格不穩定。沒有明確的規範，AI 會讓產出的風格忽胖忽瘦，難以維持品牌的一致性。

Harry 的做法，是將「原子設計（Atomic Design）」的邏輯，轉化為機器可讀的數據，在一開始就定義了所有細節。這讓 AI 不需要猜測風格，而是能穩定地產出符合規範、可維護的程式碼。

這代表了設計師價值的位移：設計師不再是畫圖的人，而是轉向「定義規則與系統」的人。

二、Vibe Coding：從「工地搬磚」轉向「AI 自動化」

不少人在嘗試和 AI 協作時，會遇到一個共同挫折：明明交給 AI，感覺沒有比較快，甚至還要花更多時間收拾殘局。

這是因為試圖讓 AI 一次處理一個非常龐大的專案，導致它在複雜架構中迷路，產生破碎、難以維護的程式碼。

Harry 提出的解法，恰好切中了這個問題。他將其稱為 Vibe Coding 時代下的「由小到大」開發模式，核心概念很簡單：不要一開始就讓 AI 面對完整系統，而是從小的、單一的元件開始。

在這個流程中，設計師不再把重心放在手動畫 UI，而是先透過 Storybook 建立元件的「沙盒環境」。每一次只讓 AI 專注處理一個功能明確的元件，例如一個按鈕或一段互動效果，並在沙盒中即時測試與除錯。等到這些元件在既定規範下運作穩定後，再交由 AI 組合成更完整的頁面結構。

讓 AI 變成優勢：UIUX 設計師更專注於產品核心問題

這種工作流和過去的做法有很大的不同。以前的設計與前端流程，更像是在工地一磚一瓦地堆疊：每個像素的調整、每個圖層的命名，都需要大量人工處理，非常耗時。

現在，透過像是 Figma Make 這類工具，加上清楚的規範文件（例如 Guidelines.md），設計師的角色開始轉向流程設計與系統管理，確保 AI 在正確的框架下運作，而不是親自處理每一個細節。

當重複性的勞動被系統化、被自動化後，設計師才能把時間與心力，重新放回更核心的問題上：這個產品到底要解決什麼？這些功能是否真的支持使用情境與商業目標？

三、設計系統的思維是 UIUX 設計師擁有長期職涯的關鍵能力

為什麼 Harry 的方法論能在不同階段、不同規模的產品中反覆成立？關鍵不在於某一套工具，而在於他長期累積的系統思維。

從早期在新加坡電商公司 Shopmatic，面對高交易量、複雜流程的產品環境，到後來親手打造 awwrated，並在六年間讓平台成長超過 600%，他始終用同一套邏輯在思考設計問題：設計不是單點產出，而是一套必須同時承載商業目標、技術限制與營運現實的結構。

awwrated 的維運經驗，讓這件事變得非常具體。即使在開發資源有限、人力不足到無法逐一維護細節的情況下，平台依然能穩定支撐每年約 330 萬的流量成長，使用體驗也沒有隨著規模擴大而失控。原因並不是後期補救得當，而是專案一開始就建立了具備擴充性的設計與系統架構。

資深 UIUX 設計師的視野與高度

這些實戰經驗說明了一件事：設計系統的價值，往往不是在「做出來的當下」，而是在後續的維護與擴張過程中被放大。對資源有限的團隊而言，一套好的設計系統不只是提升效率的工具，而是讓產品能夠持續運作、不被維運成本拖垮的基礎。

當設計師能站在這樣的高度思考問題，關注的就不再只是單一介面的呈現，而是整個系統是否能隨著時間、使用量與組織成長而持續運作。這也是為什麼，系統思維會成為能跨越多年職涯、甚至工具世代更替的核心能力。

AI 時代的焦慮：UIUX 設計師會失業嗎？

自從 ChatGPT 問世，AI 工具如雨後春筍般冒出。看著 AI 只要幾秒鐘就能產出精美介面，社群裡關於「設計師是否會失業」的討論聲浪從沒停過。關於「我的專業是否正在貶值」的焦慮，我們都聽見了。

但如果回頭看 Harry 過去十五年的職涯軌跡，會發現一件很清楚的事：工具不斷在變，但設計師用來理解問題、拆解系統、做出取捨的邏輯，始終是穩定的核心。真正能長期累積的能力，從來不是某一套軟體，而是如何建立一個能被複製、被擴展、也能被維護的結構。

新手也懂的設計系統 AI 工作流線上工作坊

也正是基於這樣的觀察，AAPD 與 Harry 一起規劃了《新手也懂的設計系統 AI 工作流》這門課程。這不是一門教你再畫出一套漂亮元件的課，而是希望把焦點放在另一件更關鍵的事上：當 AI 成為日常工具後，設計師該如何重新定義自己的角色。

課程內容，來自 Harry 在跨國企業的規模化經驗、長期產品維運的實戰心得，以及他近年在 AI 協作與 Vibe Coding 工作流中的實際嘗試。我們希望把這些經驗，整理成一套可以被理解、被實作的工作方法，而不是停留在概念層級。

線上工作坊：你可以學到什麼？

在這門工作坊中，你將會實際接觸到：

• 如何建立清楚的設計規範與文件，讓 AI 能在一致的架構下協助產出，而不是反覆試錯

• 如何從零規劃設計系統，透過 Token 命名與結構化方式，讓設計與開發能共用同一套邏輯

• 如何帶走具體產出，包括系統規劃圖、色彩與元件指南，以及可實際落地的自動化規範文件

• 以及課程期間的實務支援，讓你能直接在工具與流程中操作，而不只是聽懂概念

我們正處於一個「設計師」被重新定義的時代。AI 會取代重複性高的勞動，但永遠無法取代那些能看透產品結構、建立系統化規範的專業者。

如果你正在思考下一個階段該如何調整自己的工作方式，這門課，會是一個具體而務實的起點。

別讓工具決定你的位置，而是讓你的系統思維，決定工具該怎麼被使用。

👉 立即查看課程詳情與優惠