Bible Network Crypto DeFi Onchain RWA AI Agent Stablecoin Chain SAFU CryptoTax DeFAI AGI Claude Me Claude Skill Claude Design Claude Cowork
獨立知識媒體
與任何項目無關聯
用 Claude Design,把想法變成可互動的視覺
claudedesign-me.com
最新
Figma 讓設計規則寫給 AI agent 看:Specs 與 Code layers 之後,設計系統文件由誰維護?  ·  只說「用我們的設計系統」不夠:一段可重複貼上的 primer,讓 AI 少用 18px 和 48px  ·  一個畫面要花多少?大多數 AI 設計工具答不出來:六種額度單位,沒辦法直接比價  ·  43.8% 的設計師把一半以上製作時間交給 AI 寫程式:角色落差與那個 7.39 分的滿意度  ·  Claude Design 獨立版 12 月 14 日關閉,Docs、Slides、Design 併入每一場對話  ·  91% 的設計師每週用 AI,62% 說輸出不穩定:採用率背後被忽略的驗證成本
名詞解析 · interactive

Generative UI

生成式介面
interactive intermediate

30 秒版 · 給沒耐心的人
介面的結構、元件與互動方式由 AI 在使用者操作當下即時組出或調整,而不是事先固定好的版面——跟「用 AI 工具在開發階段設計介面」是兩件不同的事。
完整解說 +
01 · 這是什麼?

生成式介面是什麼,跟用 AI 設計工具做介面有什麼不同?

生成式介面(generative UI)指的是介面本身在執行時由 AI 產生或調整:使用者在做什麼,AI 就判斷該顯示什麼元件、怎麼排列、用什麼互動方式。有一種常見的定義是:介面的一部分是由 AI agent 在執行階段產生、選擇或控制的。

它跟 v0、Lovable、Figma AI 這類工具的差別在時間點。後者幫設計師或開發者在「開發階段」做出一個固定的介面,做完就交付;生成式介面則是在「使用階段」,每一次互動都可能得到不同的畫面。

02 · 為什麼存在?

為什麼會出現生成式介面,它想解決什麼問題?

傳統介面是為「平均使用者」設計的固定版面,但使用者的目標每次都不同:有人要快速查一個數字,有人要比較三個選項。AI 助理普及後,一個自然的問題是,既然 AI 能理解當下意圖,介面是不是也該跟著變,而不是永遠回傳一段文字或一個固定表單。

Google 在 2025 年底釋出的 A2UI 規格,讓 agent 能產生內嵌的表單、滑桿等小工具,是這個方向的具體例子;Gemini 的 Dynamic View 也會依提示生成互動介面。這些做法的共同點是:把「該顯示什麼」的決定,部分交給 AI。

03 · 如何影響你的決策?

生成式介面具體怎麼運作?

CopilotKit 的整理把它分成三種模式,差別在於 AI 擁有多少自由:靜態式,應用程式擁有介面,agent 只選擇一個預先定義好的元件並填入資料;宣告式,agent 回傳一份結構化的介面描述(卡片、清單、表單),由前端用自己的樣式規則渲染;開放式,agent 直接提供整個介面區塊,前端大多只負責承載。

控制權由前者到後者遞減、自由度遞增。對應的技術包含 Google 的 A2UI(宣告式規格)與 AG-UI(agent 與前端之間的雙向事件協定)等,不同規格解決的層次不同,並不是互相取代。

04 · 你該怎麼辦?

對設計師和產品團隊有什麼實際影響?

最大的影響是「設計」的對象從一個固定畫面,變成一套規則:哪些元件可以被 AI 選用、哪些區域允許變動、哪些必須保持不變。Eleken 的整理列出的風險包括:使用者建立的肌肉記憶會被打斷(每次打開都不一樣就得重新學習)、同一個提示不一定得到同一個介面、AI 的幻覺可能造成錯誤的元件行為,而且沒有乾淨、受約束的設計系統時,生成的介面會不一致。

該文建議的折衷是混合式:全域導覽和結構保持穩定,只讓特定區域自適應;高風險任務維持熟悉、可預測的介面。

資料來源:CopilotKit — The Developer's Guide to Generative UI in 2026、Eleken — Inside Generative UI in 2026: Examples, Use Cases, and Future Trends
實際例子 +

Google 的 A2UI 是一份宣告式規格,讓 agent 能在對話中產生內嵌的表單、滑桿等小工具,由前端依自己的樣式規則渲染。Notion AI 與 Salesforce Einstein 也常被舉為相近方向的例子:前者依任務調整編輯環境,後者依角色與使用情況調整儀表板版面(以上來自 Eleken 2026 年 7 月更新的整理,非各公司官方說明)。

常見誤解 +
✕ 誤解1
× 誤解:生成式介面就是「用 AI 工具設計介面」,實際是:兩者的差別在時間點——AI 設計工具是在開發階段做出固定介面再交付,生成式介面是在使用階段由 AI 即時組出,每次互動都可能不同
✕ 誤解2
× 誤解:生成式介面代表整個畫面都由 AI 自由發揮,實際是:多數做法是受限的——靜態式只讓 AI 選預先定義的元件,宣告式讓 AI 描述結構但由前端渲染,只有開放式才讓 AI 提供整個介面區塊,而這也是安全與一致性風險最高的一種
這件事跟你有什麼關係 +
直接影響

優點是介面能貼近使用者當下的目標,不必為每種情境各做一套固定畫面;缺點是可預測性下降、同一提示結果不一致、AI 幻覺可能造成錯誤行為、開放式做法還有安全與效能顧慮,且高度依賴乾淨受約束的設計系統。

提問
請至少輸入 10 個字
更多相關主題