![]()
谷歌公司今日發布了人工智能工具Stitch的全新版本,該工具可以為網站和移動應用生成用戶界面。
圖形設計軟件制造商Figma公司的股價因此下跌超過4%。該公司的同名平臺是UI開發項目的首選工具。
構建界面不僅僅是創建設計那么簡單。開發者在設計好應用程序的外觀后,還必須將其轉換為HTML和CSS代碼,這是一個非常耗時的過程。從字體大小到界面元素之間的間距,每個細節都需要在代碼中手動定義。
Stitch自動化了這一過程。它使用谷歌旗艦級Gemini系列大語言模型,將界面設計轉換為HTML和CSS代碼。該工具還支持TAIlwind,這是一個包含預打包設計元素的廣泛使用的開發框架。
谷歌在去年5月發布了Stitch的初始版本。今天推出的升級版本具有圍繞"AI原生無限畫布"構建的全新界面。該畫布可以并排顯示多個視覺資源,讓用戶完整查看其設計項目。
開發者可以通過上傳參考圖像或提供文本描述來讓Stitch生成界面代碼。例如,用戶可以指示工具為AI應用生成注冊頁面。原始版本一次只能生成一個屏幕,而據谷歌介紹,新版Stitch可以同時生成多達五個屏幕。
開發電商網站的開發者可以要求Stitch創建產品目錄頁面、結算頁面和購買確認屏幕。"播放"按鈕使模擬購物者在這些屏幕間導航成為可能。
谷歌實驗室副總裁喬什·伍德沃德在博客文章中解釋:"你可以在幾秒鐘內將屏幕'拼接'在一起,只需點擊'播放'即可快速預覽交互式應用流程。Stitch可以基于點擊自動生成邏輯上的下一個屏幕,輕松映射用戶旅程。"
如果AI生成的界面元素的初始版本需要改進,開發者可以使用自然語言提示對其進行優化。該工具還支持語音命令。開發者可以要求Stitch更改字體大小和其他特定設計細節,或輸入"強調結算按鈕"等更高級別的指令。
該工具的多項功能由新增的AI智能體驅動。開發者可以選擇使用MCP工具將Stitch與外部智能體(如谷歌的Antigravity編碼工具)連接。Antigravity可以審查界面設計并自動生成新的變體。
Stitch還可以將界面元素導出到其他外部工具。據谷歌介紹,該工具現在允許用戶將界面設計細節保存在名為DESIGN.md的自然語言文件中。它旨在簡化在設計工具和項目間保持一致外觀的任務。
Stitch通過谷歌實驗室免費提供,這是這家搜索巨頭用于測試實驗性產品的平臺。
Q&A
Q1:Stitch是什么工具?它的主要功能是什么?
A:Stitch是谷歌開發的人工智能工具,專門用于為網站和移動應用生成用戶界面。它使用谷歌的Gemini系列大語言模型,可以將界面設計自動轉換為HTML和CSS代碼,大大簡化了開發者的工作流程。
Q2:新版Stitch相比舊版本有哪些改進?
A:新版Stitch引入了"AI原生無限畫布"界面,可以同時生成多達五個屏幕(舊版本一次只能生成一個),支持語音命令和自然語言提示優化,新增AI智能體功能,還可以與外部工具如Antigravity編碼工具連接。
Q3:如何獲取和使用Stitch工具?
A:Stitch目前通過谷歌實驗室平臺免費提供。用戶可以上傳參考圖像或提供文本描述來生成界面代碼,支持多屏幕同時生成,并可以使用"播放"按鈕預覽交互效果。開發者還能通過自然語言或語音命令對生成的界面進行調整。
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.