什麼是 GenUI？（你以為的生成式介面，可能只是場誤會）

在介紹 Gen UI 前，我們必須先釐清兩個截然不同的概念：

AI-Assisted Development 與 Generative UI（生成式使用者介面），兩者常常被搞混，前者指的是由設計師或開發人員向AI輸入指令，透過AI協助生成與設計使用者介面，這項技術在目前已相當盛行，像是 Google AI Studio, Claude 的 Pencil, Figma make 等，已經協助世界各地的設計師進行工作。

然而真正的 GenUI，則是一個未來的趨勢，在 Google 發布 Gemini 3 時，一夕之間將此概念從一個理想變成一個可行的未來。

它指的是由 AI 根據不同的使用者，分析其使用習慣、使用情境以及欲完成的任務，時實的生成符合該使用者的介面，並不斷滾動式的調整。

試想你今天想規劃去日本旅遊，你打開了 Skyscanner，你得像過關斬將一樣，先點「機票」> 選「出發地/目的地」> 在小小的月曆上滑動找「日期」> 按下搜尋後，面對眼花撩亂的幾百個航班，你還要去找「篩選器」> 勾選「下午出發」> 再勾選「直達班機」。

可是在未來，你打開 App，畫面上只有一個簡單的對話框或麥克風。你像傳 LINE 一樣輸入：「下週五我要去東京出差三天，幫我找下午出發的班機，對了，我需要打統編。」 神奇的事情發生了！畫面上不會跳出傳統的搜尋列表，AI 直接為你「端出」一張專屬卡片。這張卡片上只有：

• 三個完全符合你要求的航班選項。

• 一個讓你輸入「公司統編」的格子。

• 一個「Apple Pay 結帳」的按鈕。

旁邊那些你當下根本不需要的「租車推薦」、「飯店廣告」、「早班機選項」，通通消失了。畫面乾淨、精準，而且完全為了你當下的任務而生。 它甚至會記住你的習慣與喜好，可能你不習慣搭廉航、或是飛紅眼班機，這些你不喜歡的選項會自動排到最後面去。 它知道你挑選班機時最在乎的是出發時間，這時介面上會將出發時間的視覺層級放大，讓你一眼就能透過出發時間來去選擇自己偏好的航班。

發現了嗎？GenUI 徹底翻轉了人機互動的邏輯。過去，是人類去學習如何操作系統，而在 GenUI 的未來裡，是系統去適應人類當下的意圖。 你不需要再花費一堆時間，在廣大的功能中去系統你要的資訊或是功能。 介面不再是一個固定格式，而是流動的。它只在你需要的時候出現，並以最適合你當下任務的方式呈現。這，才是 Generative UI 真正迷人且具備顛覆性的核心價值。

Gen UI 的演進

其實，讓介面去「適應」使用者的這個概念，很早之前就存在，也一直以來是設計師與開發人員不斷鑽研與精進的議題。 在過去的幾年裡，系統一直都在努力變得更「體貼」。

例如：

• 環境感知（螢幕亮度）： 你有沒有遇過一種情況，當你在使用手機時，從室內空間（光線較暗）走出室外到大太陽底下時，一開始會看不清楚螢幕上的內容，但當你的手機敢知道你在光線強烈的環境下時，他會自動調高螢幕亮度，讓你又可以重新看到螢幕上的內容。
• 時間感知（深色模式）： 在系統預設的狀況下，你的手機或電腦，會在晚上六點十自動將介面切換成「深色模式(Dark Mode)」
• 裝置感知（響應式設計 RWD）： 當你用電腦瀏覽一個購物網站，跟用手機看同一個網站時，它的按鈕大小、選單位置會自動從「橫向展開」變成「直向收合」。介面早就懂得根據你的螢幕大小來「變形」。
• 行為感知（推薦演算法）： 你跟朋友同時打開 Netflix 或是 Spotify 首頁，看到的畫面絕對長得不一樣。系統會根據你昨晚追了什麼劇、點擊了什麼類型的音樂，默默把你可能會喜歡的內容，推到畫面最顯眼的地方。

這些過往的案例，其實都是產品為了適應不同使用者所做出的努力。 既然系統已經可以做到會變換顏色、改變排版、甚至客製化內容，那我們不禁要問：這跟 GenUI 到底差在哪裡？

關鍵在於 「選項的極限」。 過去的這些動態介面與個人化設計，其實是工程師預先寫好的一大堆模板。系統只能在這些模板之間切換，挑選一個最適合你的。 所有排版及內容仍都在開發人員最初設定的框架之內，如果你的需求剛好落在框架之外，系統就無能為力了。 所以儘管再怎麼的客製化，還是會有一種「好像是我的，又好像不是」的感覺。

而 GenUI 的出現，徹底打破了這個框架。 它不需要設計師預先畫好幾千種版型，也不需要工程師寫出無數個 if-else 的條件判斷。GenUI 讓系統擁有了解意圖的大腦，能在你提出需求的當下，跳脫既有的排版框架，即時為你「無中生有」出最適合當下的樣貌。 也就是說，過往的系統是在「切換」介面，而 GenUI 是在真正地「生成」介面。 它將多種可能變成了無限個可能，達到真正的客製化。

GenUI 到底是怎麼運作的呢？

你可能會以為，既然介面是「即時生成」的，那 AI 肯定是在你講話的零點幾秒內，劈哩啪啦地在背後狂寫幾千行程式碼，然後硬生生地把網頁畫出來。 千萬別誤會，如果真的讓 AI 憑空捏造，畫面不僅容易跑版，甚至可能會出現不符合品牌形象的奇怪配色或樣式。

實際上，Generative UI 是結合了「智能數據感知」、「可重複使用的元件庫」與「AI 判斷決策」的三方完美協作。我們可以把它拆解成三個關鍵步驟：

首先，系統需要先理解使用者情境

系統得先知道你是誰、你在哪、你現在的狀態是什麼。 GenUI 系統可以瞬間收集大量的訊號：包含你的歷史偏好，例如你習慣深色模式、有顏色認知障礙、甚至超出介面外的生活習慣，以及「即時的環境訊號」例如你現在使用的裝置？你人在哪裡？現在幾點？

• 真實情境變化： 想像你正在開車，這時你打開了叫車或導航 App。系統透過手機陀螺儀或 GPS 偵測到你在「移動中」，介面就會瞬間變形——原本小小的文字選單全部消失，直接切換成一個佔滿全螢幕的「語音輸入大按鈕（Voice-first UI）」。
• 又或者： 當你飛到日本旅遊，一打開台灣的網銀 App，系統發現你的定位在國外，原本首頁的「台幣轉帳」區塊會自動退場，並把你最需要的「日幣匯率換算器」直接拉到畫面最正中央。

再來，設計師準備好「樂高積木組」（制定框架與規則）

這就是前面提到的，AI 並不會自己發明零件。 在 GenUI 的世界裡，人類設計師與工程師會預先打造一個極度完善的「UI 組件庫（Component Library）」，就像一箱高級的樂高積木。裡面有各種標準化的卡片、按鈕、圖表。 更重要的是，設計師會設定好「規則與邊界（Constraints）」。也就是告訴 AI：「你可以自由組合這些積木，但標題一定要用黑體、按鈕一定要是品牌藍色、且最多只能放三個選項。」這種**「結果導向（Outcome-oriented）」的設計方式，確保了不管 AI 怎麼變形，介面永遠保有一致性。

最後，AI 進行瞬間組裝（動態生成介面）

萬事俱備後，最後一步就交給 AI 了。 AI 會根據步驟一收集到的「情境與意圖」，從步驟二的「樂高積木箱」裡，精準挑選出當下最適合的零件，然後將其組合在一起。 它甚至會運用機器學習的經驗，自動替視力不佳的長輩開啟「高對比模式」。而且，這個組裝不是永久的。當你的情境再次改變（例如你停下車開始步行），介面又會再次解體、重組，永遠無縫貼合你當下的真實需求。

設計師的未來

身為設計師，你可能不禁會想：「如果未來的介面都是 AI 瞬間拼湊出來的，那我每天在 Figma 裡苦苦畫的幾百張 Mockup 還有什麼意義？我是不是要準備轉行了？」

我個人認為，設計師是不會失業的，但你的工作模式將迎來一場大洗牌 過去，UI/UX 設計師就像是「匠人」。你需要針對各種可能的情境（登入前、登入後、購物車空的時候、網路斷線的時候），一張一張把畫面「畫」出來。這是一個極度勞力密集的過程。 但在 GenUI 的時代，設計師要將自己的匠人精神，轉向成為一名謀士。你不再負責畫出每一棟房子的長相，而是負責制定這座城市的「建築法規」跟「基本建材」。

過去，我們把 UX/UI 綁在一起講，但很多時候，設計師花了 60% 的時間在「刻 UI（對齊像素、畫各種狀態的 Mockup）」，只剩下 40% 的時間在做「UX（研究使用者痛點、思考產品邏輯）」。

但在 GenUI 的時代，這套比例會有更極端的調整。當 AI 成為了那雙快速作畫的「手」，想要成為一名不被時代淘汰的設計師就必須真正成為產品的「大腦」。 你的戰場，將從介面上的視覺外觀，轉移到更深層的靈魂（使用者心理與商業本質）。

1. 打造極致的「超級積木庫」（強力且全面的 Design System）

這個是防止AI走歪的基本機制，當介面是不斷變化更新時，一致認的維護就會變得困難，現階段 AI 協助生成介面時也有相同的問題，當沒有一個完整及嚴格的規則時，AI 很容易失控。 未來的 UI 設計師需要打造一套極度強大、具備高度擴展性的 Design System（設計系統）。 你必須精準定義 Design Tokens（完美的色彩規範、字體層級、間距比例），並確保每一個 UI 組件（Component）在任何極端情境下都不會跑版並且維持品牌一致性。 你的產出不再是一張張靜態的介面圖，而是一套「不論 AI 怎麼亂拼，都保證一致且符合品牌識別」的底層架構。

2. 回歸本質：定義「什麼才是值得解決的問題」（前期產品與 UX 策略）

既然「生出一個介面」的成本趨近於零，那麼「我們到底該讓 AI 解決什麼痛點」就變得無比重要。 未來的 UX 設計師會越來越像「產品經理（PM）」或「人類行為學家」。你需要花大量的時間在產品開發的極早期，透過深度訪談去解構各種複雜的情境（時間、地點、情緒的交叉影響）。 例如：當使用者在深夜 11 點打開外送 App，跟他在中午 12 點打開，他內心的意圖與痛點可能完全不同。你需要找出這些潛台詞，並制定策略告訴 AI：「遇到 A 情境時，請優先生成解決 B 痛點的介面。」如果前期痛點抓錯了，AI 生成的介面再華麗，也只是高效率地做出一件沒人要的垃圾。

3. 人機信任與倫理（Human-AI Trust & Ethics）議題

這將是未來 UX 設計師最艱難、但也最具價值的挑戰。當 AI 開始「自作主張」幫使用者生成專屬介面時，人類的心理會面臨兩種極端的狀態。而未來的設計師，必須解決人機之間的關係問題：

• 使用者的懷疑 當你買機票時，AI 只生成了 3 個選項給你。身為人類，你一定會忍不住懷疑：「它判斷得對嗎？會不會有一班更便宜的紅眼航班被它藏起來了？」這種「UI 資訊繭房（Information Cocoon）」會讓使用者產生強烈的不安全感。 而設計師的新任務就是要去思考如何打造AI的透明度，讓使用者理解AI的判斷邏輯，進而對AI的判斷更有信心，並且設定機制讓使用者可以反覆驗證或是自行做決定。

• 使用者的盲目信任 相反地，當使用者過度依賴 GenUI 時，人類會逐漸進入「自動駕駛模式（Autopilot）」，大腦會停止思考。這在購物或娛樂時可能很棒，但如果是高風險操作時，容易因為一時疏忽而犯下錯誤，因為 AI 不是完美的，它也有可能犯錯。 這時如何在 Gen UI 中創造摩擦力就變成了一大課題，Gen UI 的初衷就是希望打造更順暢的使用者體驗，但如何在這種絲滑的體用中聰明的防呆也會是未來設計的一大重點。

三贏的局面

聊了這麼多技術架構和設計師的轉型，我們必須回到一個最現實的問題：花這麼大的力氣把系統打掉重練，到底圖什麼？ 簡單來說，GenUI 把過去我們常喊的「User-centered」真正落實了。但它不僅讓軟體變得更聰明，還創造了「使用者開心、企業賺錢、開發團隊輕鬆」的三贏局面。

終於實現了真正的「以使用者為中心」

我們常聽科技公司說「以人為本」，但過去的介面終究是無法以每一個人為中心。GenUI 則是可以真正的去顧及每一個人，甚至極少數群體。 回想一下，你有多久沒有看過「軟體操作手冊」了？雖然現在的 App 越做越簡單，但我們其實都還是在「被迫學習」系統的邏輯，但隨著 Gen UI 的出現，使用者不需要去適應軟體，而是軟體適應你。

打破兩難：同一個 App，搞定新手與專家

這一直是產品設計界的千古難題：介面做太簡單，專業玩家嫌不夠用；功能做太豐富，新手一看就嚇跑。過去的做法是做個「基礎版/專業版」的切換開關。 但在 GenUI 的世界裡，系統會自己「變身（Shape-shift）」。同一個 App，新手打開看到的是極簡的引導卡片；老手打開，畫面瞬間變成充滿快捷鍵的進階儀表板。一個產品，完美收服所有客群。

「無障礙體驗」不再需要手動開啟

這是非常溫暖的一個進步。過去，視力不佳的長輩或有特殊需求的使用者，必須自己去設定的最深處尋找「無障礙模式」。而 GenUI 能夠記住或感知使用者的需求，自動且即時地為他們生成字體放大、高對比的專屬介面。甚至它可以透過天氣狀態，推測到你現在正在雨中使用Google map找路，儘管平常不是無障礙模式的使用者，在這個需要的時刻，AI自動將它開啟。

4. 企業的終極護城河與「開發革命」

對企業來說，一個「懂我」的 App 能帶來極高的用戶黏著度與忠誠度，這就是最直接的商業競爭力。 而對開發團隊來說，這是一場效率革命。團隊再也不用為了「要不要加這個按鈕」去寫死幾十種不同的版本，或是跑無止盡的 A/B 測試。設計師跟工程師只要把「積木跟規則」訂好，剩下的客製化變化，全交給系統即時去跑，這將省下極其龐大的長期開發成本。

為什麼我們還沒活在 GenUI 的未來裡？

前面把 GenUI 描繪得像是一個科技烏托邦，聽起來簡直無懈可擊。但這時候，你心裡一定會冒出一個非常務實的吐槽：「既然這東西這麼厲害，為什麼我現在打開手機，每天用的那些 App 還是長得一樣笨？」

說實話，要把這張美好的藍圖徹底落地，目前還有幾座難以跨越的技術大山，以及我們必須提防的人性陷阱。

致命的技術障礙：AI 還不夠快，也不夠便宜

現代人對軟體的耐心大約只有 0.3 秒。你點下按鈕，畫面就應該立刻出現。 但目前的 AI 大腦（LLM）需要時間「思考」。如果為了生成一個專屬的結帳畫面，你在螢幕前看著 loading 轉圈圈等了 3 秒鐘，哪怕最後出來的介面再完美，你也早就因為不耐煩而關掉 App 了。在「即時渲染」的速度追上人類耐心之前，GenUI 很難大規模應用。

再來就是極大的成本，讓 AI 判斷意圖並組裝介面，背後消耗的是巨大的雲端算力。如果一個百萬使用者的電商 App，使用者每一次的搜尋、點擊都要呼叫一次 AI API，那這家公司每個月的伺服器帳單絕對會讓老闆當場暈倒。

最後就是 AI 的成熟度，雖然現在 AI 發展是成指數型的增長，但相信很多人還是時常面臨 AI 出錯或是不夠到位的狀況，以現在的 AI 來說，仍是有很高的概率出錯，它可能會把「確認付款」的綠色按鈕，跟「刪除帳號」的紅色按鈕重疊在一起；或者生出一個根本無法點擊的幽靈圖表。這在嚴肅的金融或醫療場景中，介面 99% 的完美是不夠的，那 1% 的失誤可能會釀成無可挽回的災難。

總結

寫到這裡，我們描繪了 GenUI 藍圖，也戳破了現實的技術泡沫與人性隱患。但如果現在要為「未來的介面到底會長什麼樣子」下一個絕對的定論，那絕對是在說大話，科技的發展永遠比我們想像的更充滿戲劇性。 不過，就算我們無法精準預測未來的長相，有一件事情的方向卻是無比清晰的，那就是人機互動的關係，已經發生了翻轉。 無論最終的載體是什麼形式，軟體正在從「需要人類去死記硬背的死板工具」，慢慢演化成「懂得主動適應人類意圖的人工智能」。

對於身在科技與設計產業的我們來說，面對這個未知的未來，最重要的其實不是去瞎猜哪一種技術會贏，而是「思維的換位」：

我們不再只關注「這張畫面畫得好不好看」，而是開始關注「這套底層積木與規則夠不夠彈性」。 我們不再只糾結「這個功能按鈕要塞在哪裡」，而是退一步思考「使用者在這個情境下，最根本的痛點到底是什麼」。

更重要的是，我們自己也要像 Gen UI 一樣，成為那個可以不斷去適應這個世界的流體，保持創新學習的態度，懂得跳脫框架思考。

Generative UI 就像是一片還沒有被完全探索的深海。它充滿了技術的暗礁與人性的未知，但也閃爍著無比迷人的光芒。

Ref

GenUI: AI-Generated Interfaces Generative UI 時代的設計反思 Generative UI: What It Is and Why It Matters Generative UI: A rich, custom, visual interactive user experience for any prompt Generative UI What is Generative UI?