Google 近期推出一款名為 Stitch 的 AI UI 設計工具,目前處於實驗性質的 Beta 階段,對於想要快速打造網頁或行動應用介面的設計師與開發者來說,提供了極具創新的新選擇。Stitch 最大的特色,就是結合了 Gemini 2.5 模型,能根據使用者的描述或圖片參考,協助產生高保真度的設計稿,減少傳統設計流程中繁瑣的手動繪製與編輯時間,甚至可以直接匯出至 Figma 進行後續細節調整。
Stitch 提供兩種主要模式:Standard Mode 與 Experimental Mode。Standard Mode 可以更快地編輯主題、細節參數、元件佈局,並能直接生成 Figma 檔案,適合需要自訂與反覆微調設計的需求;Experimental Mode 則能讀取圖片作為靈感,利用更高階的 Gemini 2.5 Pro,產出精緻且視覺風格多變的設計草圖,雖然互動彈性較低,但對於靈感激發或快速產出原型很有幫助。目前這兩種模式皆免費提供使用者體驗。
▲ Stitch 首頁介面,左側為近期設計專案與範例模板,可快速開始新設計或參考現有設計類型,提升設計效率。
▲ 可於右上角選擇 Standard Mode 或 Experimental Mode,前者主打快速微調與匯出,後者強調可使用圖片參考生成。
▲ 我先以 Experimental Mode 上傳中央氣象署的網頁截圖,並輸入設計指令給 AI 參考,生成新版氣象網站草圖。
▲ Experimental Mode 會根據上傳圖片與提示語生成完整設計稿,但設計細節無法直接調整,只能透過追加訊息溝通修改。
▲ 放大看一下 AI 設計的新版氣象網站吧!
▲ 我再改用 Standard Mode 設計智慧家庭物聯網控制與監控系統,進入設計前會先產生文字確認稿,回覆確認後就會開始生成。
▲ Standard Mode 支援詳細主題、配色、字體、圓角等參數設定,可針對每個細節進行微調,完成度更高。目前兩種模式皆可免費使用,Standard Mode 特別適合有 Figma 工作流需求的設計者,實驗性工具值得嘗鮮體驗。
Stitch 讓 UI 設計流程變得更加高效且富有彈性,無論是需要快速原型還是細緻微調,都能找到合適的模式。對設計新手來說,可以直接用簡單描述生成初步草稿,專業設計師則能將其當作靈感來源或與現有工具(如 Figma)結合,節省大量重複性工作。雖然目前還是 Beta 階段,某些細節功能尚待完善,但 Google 將 AI 融入 UI 設計的這一步,已經帶來明顯改變。若你有設計需求,非常推薦親自體驗看看這款實驗性 AI 工具,說不定會成為你日後工作的新助手。
留言區 / Comments
萌芽論壇