Stitch 如何支援將設計成果匯出至 Figma 及開放程式碼?
Answer
Stitch 如何匯出設計至 Figma
Stitch 是 Google 在 I/O 2025 推出的 AI 工具,它能夠根據文字描述或圖片提示生成 UI 設計。使用者可以提供圖片作為參考,Stitch 會自動產生 UI 元素以及對應的 HTML 和 CSS 程式碼。此工具的一個關鍵功能是支援將設計成果直接匯出至 Figma。
開放程式碼支援
除了匯出至 Figma,Stitch 也支援開放程式碼。這表示開發者可以將 Stitch 生成的程式碼匯出,並在他們慣用的整合開發環境 (IDE) 中進行精修和調整。透過整合 Gemini 2.5 Pro 及 Flash 模型,Stitch 讓使用者可以根據專案需求選擇不同的模型,進而激發程式碼和介面的創意構思。
AI 輔助設計的應用與定位
Stitch 的定位是協助使用者快速完成初步的迭代設計,並以此為基礎進行深化。Google 計劃在 I/O 大會後不久,為 Stitch 增加新功能,讓使用者可以透過截取欲修改物件的螢幕截圖,並直接在截圖上註記修改需求,快速調整 UI 設計,進一步提升開發效率。值得注意的是,Stitch 的目標並非取代像 Figma 或 Adobe XD 這樣功能完備的專業設計平台,而是作為 AI 輔助編程工具,提升設計和開發的效率。