Google推出的AI設計工具Stitch近期迎來重大更新，打造「氛圍設計」（vibe design）體驗，推出五項主要升級，包括AI原生畫布（AI-Native Canvas）、更聰明的設計代理、即時語音對話功能等。此波更新推出後，設計工具Figma的股價在兩天內下跌12%，究竟Stitch的新功能有哪些？每天免費使用上限為何？可以怎麼用？本文實測個人簡介網頁，零程式碼只要告知AI你的履歷內容秒生成。
Stitch 是什麼？怎麼用？
Stitch是Google 2025年推出的AI設計工具，輸入簡單的文字提示或圖片，就能生成完整的介面設計和前端程式碼。最近更新的升級版，還能用語音操控，非常直覺自然。Stitch希望能縮小從設計到開發之間的距離，減少人工處理和反覆溝通的時間，成為對設計師和工程師都有所助益的工具。
Stitch官網：請點此
目前Stitch可用於生成應用程式或網頁，除了輸入文字指令之外，還可以指定配色風格、參考的網站或圖片。Stitch也採用最新的Gemini模型，可選擇提供高品質設計的Thinking with 3.1 Pro，或是較快速的3 Flash。
此外，Stitch還有Redesign功能，使用圖像生成模型Nano Banana Pro重新設計現有的應用程式或網站；以及會查找資料、探索多種設計方案的Ideate代理，適合用於設計前期的靈感發想。
Stitch費用方案，可免費？
目前Stitch皆為免費使用，每日有400次生成額度，以及15次Redesign功能使用機會。剩餘額度可在Stitch右上角個人檔案的「Stitch設定」中查詢。
Stitch vibe design 有哪些新功能？
3月18日，Google發表了Stitch的更新，主打採用「氛圍設計」（vibe design），讓使用者透過快速探索各種設計構想，提升成品的品質。Google官方認為，與其從畫線框圖（wireframe，介面規劃草圖）開始設計，不如直接說明產品想達成的目標、希望使用者感受到的體驗，或是想作為參考的案例等。
此次「氛圍設計」的更新有五項主要升級：
1. AI原生畫布（AI-Native Canvas）
AI原生畫布是此次Stitch改版後的新使用者介面，採用節點式（node-based）的無限畫布，可使用圖片、程式碼或PRD（產品需求文件）作為創作起點，方便使用者整合各種素材，發揮創意製作完美設計。此外，也新增「代理紀錄」（Agent Manager）功能，儲存每次修改後的版本，方便管理和比較不同想法的成果。
2. 更聰明的設計代理（Smarter Design Agent）
在一個專案的畫布上，可能會同時有數個版本的草圖、或不同形式的素材，此次更新後，變得更聰明的設計代理能理解整個畫布的上下文，因此可以輸入「把Logo換成我剛上傳的那張」、「根據這些畫面整理一份產品說明，並放到畫布上」這類的指令。甚至，也可以在一個畫布上同時設計手機和電腦板的介面。
3. 即時語音對話
語音對話為此次新增的功能，目前仍為預覽版。在語音模式下，Stitch能同時看著畫布中的內容，為使用者提供設計建議。使用者甚至可以用講的指揮Stitch，要求其展示畫布中的特定部分，無需自行手動操作。此外，也可以連續下達多個指令，Stitch會同步處理所有任務。
4. 即時原型（Instant Prototypes）
在設計圖做好之後，點選畫布右上角的播放鍵，即可將設計圖變成可互動的原型，且可透過連結或QR Code分享給他人。
在展示原型的介面中，可以輸入指令讓AI生成新的畫面設計，也可以使用「想像新畫面」功能，讓AI根據現有畫面發想可新增的內容。此外，Google還表示，即將推出能在此設計轉場與互動效果的功能。
5. 設計系統（Design Systems）和 DESIGN.md
為了提升設計的整體一致性，這次更新加入了「設計系統」的功能。在每次生成一個新設計時，都會自動建立一組設計系統，包括主題色號、按鈕配色等，只要修改系統中的顏色，所有相關畫面就會自動更新。也可以輸入想參考配色的網址，AI就會根據該網站建立設計系統。
此外，在設計系統的面板上按右鍵，選擇「下載」後，即可下載 DESIGN.md文件。這份文件以文字形式描述設計風格，包括配色、字體、各區塊的設計細節等，方便AI代理讀取，生成風格一致的畫面。
Stitch 實測：個人履歷網頁
想打造一個有特色的個人網頁，可以將履歷內容貼給Stitch，並說明喜歡的風格，就能得到精美的網頁設計。
輸入指令（由Gemini撰寫）：
請為我生成一個專業且現代化的個人履歷網頁，以中文呈現。 基本資訊： 姓名是『林予晨 (Lin Yu-Chen)』，職稱是『資深互動設計師』。 視覺風格： 採用『深色模式 (Dark Mode)』，搭配霓虹電光藍與極簡白。字體要現代感，排版要有大量留白，整體呈現高科技質感。 網頁區塊需求：
請確保網頁在手機與電腦上都能完美顯示。 |
Stitch生成的網頁幾乎完全符合指令要求，並且還自行生成人物插畫及作品配圖，也有加上一些動畫，例如懸浮在按鈕上時會變色或浮出、插畫從黑白變成彩色等。此外，針對手機和電腦的不同尺寸，其也有做出相應的調整。
完整原型可見此連結。
Stitch的應用場景有很多，除了製作個人履歷網頁，也可參考其他內建的範例。例如電商網站、攝影作品集、員工回饋儀表板等，只要是與前端設計有關的任務，都能使用Stitch製作。後續也能直接將設計匯出到Figma，或是下載HTML程式碼，進行後續的編輯和部署。
