Design in the world of AI

原始來源與檔名：2026-06-10T093338+0800-Design in the world of AI.md

NAPKIN | 餐巾纸

餐巾纸公式

Design Workflow = Human(Strategy) + AI(Production) + Human(Creative Direction)

AI 自動化了繁瑣的生產設計工作，迫使設計師退回 U 型管的兩端（前期策略與後期品味），並徹底顛覆了傳統設計機構的計費模式。

一句话

AI 接管了執行的粗活，讓設計的價值向兩端（深度策略與獨特品味）極化，這同時也宣告了靠中階設計師工時套利的時代結束。

餐巾纸草图

(High Touch)                     (High Touch)
 Product                            Creative
 Strategy                          Direction
   |                                  ^
   \                                 /
    \                               /
     \                             /
      \___ AI Production Design __/
             (Low Touch)

ROUND 1: SKELETON | 骨架掃描

“這篇文章在說什麼”

章節骨架

  1. 半管模型: AI 時代下的 U 型設計工作流。
  2. 實戰步驟: 高低觸碰交替的人機協作流程。
  3. 機構挑戰: 傳統工時保留金模式的失效。

ROUND 2: DISSECTION | 血肉解剖

“憑什麼這麼說”

論證鏈

高質量前期輸入(訪談+UX計畫) --> Agent自動生成初版UI(Claude Code+Figma MCP) --> 資深設計師微調(品味與一致性把關) --> 產出速度提升4-5倍，但高階人才成為瓶頸，舊有中階工時套利模式死亡。

關鍵證據

  1. 過去需要一個月以上的企業級 SaaS 介面重構，現在透過自動化工作流在一週內完成。
  2. 使用 Claude Code 與 Figma MCP 結合「Design Skills Rulebook」，可直接產出具備註解層（Annotation Layer）的初版 UI，列出被修改的假設與功能變更。
  3. 傳統保留金模式中，大量的工時由中階設計師填補；但在新模式下，中階設計師的時數降為 0，而高階策略與總監的時數巨幅增加，成本結構被徹底改變。

隱形假設與邊界

ROUND 3: SOUL | 靈魂提取

“還能怎麼用”

Design in the world of AI (Architectural Deep Dive)

前言/背景

作者 @aerykpayne 分享了其團隊（Nicer）如何在不到一週的時間內，完成企業級 SaaS 平台的 UX 重構與介面重新設計（過去這通常需要一個月以上）。文章深入探討了 AI 工具（如 Claude Code 與 Figma MCP）如何徹底重塑設計師的工作流程，以及這種高效率的變革如何對傳統設計機構（Agencies）的工時報價與商業模式帶來毀滅性的挑戰。

章節詳細總結

半管工作流 (The Half-Pipe Workflow) 的崛起

作者提出了一個視覺化的「半管 (Half-pipe)」模型來描述 AI 時代的設計工作，這個模型呈現 U 型，揭示了人類與 AI 在不同階段的介入程度（High Touch vs. Low Touch）：

AI 輔助設計的實戰方法論

作者詳細拆解了他們團隊在實務上的工作流（Workflow），展示了如何將 AI 融入每一個環節：

  1. AI 輔助的 UX 規劃：在與利害關係人訪談後，團隊讓 Claude 讀取 Granola 的會議筆記，並對照現有的 UI 來產出 UX 計畫。這是一個高度協作的過程，需要不斷的對話與調整，確認 AI 真的理解產品與用戶。
  2. 基於 Rulebook 的 UI 生成：產出的「設計綱要 (Design Brief)」與「UX 計畫 (UX Plan)」會被送入指向 Figma 檔案的 Claude Code。這裡的關鍵架構決策是引入了 Design Skills Rulebook（設計技能規則書），這能約束 AI 的產出規範。
  3. 註解層 (Annotation Layer) 審查：AI 會生成新版 UI，並附帶一個註解層，明確標示出相對原版 UI 做了哪些功能性變更與假設。
  4. 人工拋光 (Polish)：設計師接著花費大約每頁 30-45 分鐘的時間進行打磨。檢查顏色、樣式與組件的一致性，確保流程使用可重複的模式（Repeatable patterns）。這個階段要求設計師具備扎實的設計基本功以及對產品的深刻理解。

傳統設計機構面臨的商業挑戰

這個工作流不僅是技術上的升級，更是對設計機構（Agency）商業模式的降維打擊。它扼殺了歷史上最常見的「保留金模式（Retainer Model）」。

傳統機構的利潤主要來自於「半管底部」的大量中階設計師工時。作者提供了一個具體的成本結構對比（以下資料轉換自原文）：

帶來的架構與營運挑戰：

  1. 成本結構反轉：雖然產出速度達到了以往的 4-5 倍，但專案需要的不再是便宜的中階工時，而是深諳產品邏輯與最佳實踐的「資深/合夥人級」貢獻者。
  2. 高階人才成為瓶頸（Bottleneck）：因為這套流程需要深度的產品知識，這不是每月分配 20 小時就能做到的。因此，負責策略與總監的高階人才被迫親自下海貢獻（Actively contributing），導致他們一次只能同時處理 1-2 個專案，嚴重限制了機構的規模化（Scaling）能力。

總結與結論