FB 建議貼文

選取貼文複製成功(包含文章連結)!

Google 推出「Stitch」:文字生成介面的工程師AI神器,從點子到 App徹底改變 UI 設計流程

Google 推出「Stitch」:文字生成介面的工程師AI神器,從點子到 App徹底改變 UI 設計流程

設計出一款優秀的應用程式,最關鍵的往往是設計師與開發者之間的緊密協作。設計師負責構思使用者體驗,打造直覺又吸引人的介面;開發者則將這些設計化為實際可執行的前端程式碼。不過,過去這個過程常常需要來回反覆溝通與大量手動調整。

Google Labs 最新推出的實驗性工具「Stitch」,正是為了解決這個問題而誕生的 —— 它讓設計 UI 變得更快速、直覺,甚至能直接生成前端程式碼,大幅縮短設計與開發之間的落差。

利用 Gemini 2.5 Pro,整合文字與圖像輸入打造 UI

Stitch 的靈感來自一位設計師與工程師的合作,他們想要打造一個能各自優化設計與開發流程的工具。Stitch 結合了 Google Gemini 2.5 Pro 的多模態能力,讓你可以用簡單的文字或圖片,就能創造出完整的 UI 介面,並進一步輸出前端程式碼。

使用者可透過文字描述、圖片上傳、主題選擇器與互動式對話等功能微調設計,並能一鍵貼上 Figma,實現設計與開發的無縫接軌。

Stitch 提供的核心功能包含:

用自然語言生成 UI
只要用英文輸入你想打造的 App 介面,包括色彩風格、使用體驗等細節,Stitch 就能幫你快速生成符合描述的 UI 設計。

從圖像或線框稿生成 UI
不論是手繪草圖、截圖或粗略的線框畫面,只要上傳到 Stitch,系統就能自動轉換成數位化的 UI 設計,將你腦中的構想具體呈現。

快速迭代與設計探索
設計是一個不斷修正的過程,Stitch 支援生成多種變化版設計,讓你可以自由實驗不同的元件、排版與風格。

無縫接軌前端開發流程
設計完成後,Stitch 提供兩個重要的整合方式:

  • 貼上到 Figma:可以將設計直接貼進 Figma,方便設計團隊進一步編輯、協作,並與既有設計系統整合。

  • 匯出前端程式碼:Stitch 能根據設計輸出乾淨且可用的前端程式碼,快速進入實作階段。

Google 表示,Stitch 的目標是讓每個人都能更輕鬆創造 App,並期待看到大家用它打造出來的各種作品。

 

janus
作者

PC home雜誌、T客邦產業編輯,曾為多家科技雜誌撰寫專題文章,主要負責作業系統、軟體、電商、資安、A以及大數據、IT領域的取材以及報導,以及軟體相關教學報導。

使用 Facebook 留言
發表回應
謹慎發言,尊重彼此。按此展開留言規則