Vibe Design

氛圍設計是什麼，跟傳統的設計流程差在哪？

氛圍設計（vibe design）指的是用多模態 AI 工具來生成、反覆調整、甚至交付介面的做法。你不必在畫布上一個一個擺元件，而是用一句話、一張截圖、一個參考網址或一張手繪草圖，告訴工具你要的方向，它回傳一個可編輯、有時還能點擊互動的原型，你再用對話繼續修改。

傳統流程的起點是空白畫布，主要動作是「放置與調整」；氛圍設計的起點是一段意圖描述，主要動作是「評估與引導」。有一種常見的定義把它概括為：主要輸入是意圖，而不是手動操作。

為什麼會出現氛圍設計這個說法？

它是從「vibe coding」延伸出來的。vibe coding 指用自然語言指示讓 AI 寫出軟體，Andrej Karpathy 在 2025 年初提出這個詞；之後有人把同樣的概念套用到視覺層。Google 的 Stitch 在 2026 年 3 月的更新中，把自己的互動模式推廣成 vibe design，這個說法才被更多人聽見。

需要注意的是，不同文章對「誰最先把這個詞用在設計上」說法不一，我讀到的來源中也有沒交代出處的，所以這裡不指定發明者。可以確定的是：它是一個還在成形的行業用語，不同作者的定義略有出入。

氛圍設計實際上怎麼進行？

典型的步驟是：先用一段話描述畫面（例如「深色的分析儀表板，左邊有側欄，中間是營收圖表和最近客戶表格」），讓工具生成第一版；接著一次要求多個方向（例如三種配色或五種版面）來比較；挑出一個之後，用對話逐步修正細節；最後匯出成程式碼或貼回設計工具，交給開發或進一步精修。

因為生成很快，一次探索 20 到 50 個變體在工具上是可行的，這是 Eleken 的整理說法，不是嚴格量測。真正花時間的反而是後半段：評估哪一版對、補上品牌規範、檢查無障礙與邊界狀態。

對設計師、PM 或小團隊有什麼實際影響？

好處是探索變快：在做決定之前，可以先看到更多可能性，PM 也更容易把想法變成能討論的畫面。但已知的限制要先放在心上：多份評論提到輸出容易千篇一律；有人實測發現生成的畫面在色彩對比與觸控目標大小上達不到基本無障礙要求；部分工具沒有辦法上傳並強制執行正式的設計系統；匯出的程式碼通常不能不經審查就上線。

所以比較實際的用法，是把氛圍設計當成「探索與草圖」階段，後面接上設計系統約束和人工審查，而不是把它當成交付流程的終點。