免費!Google最被低估的神器Stitch，我用它5分鐘0代碼搓了套App UI

作者｜子川

來源｜AI先鋒官

2025年，絕對是 AI 編程的“爆發元年”。

不論是 Google、OpenAI 還是 Claude，都在瘋狂卷 AI Coding 這個賽道。

但在代碼之外，也開始布局其他的編程賽道。

最近，Google 在2025 年 I/O 大會上推出的 AI 驅動 UI 設計工具Stitch突然走紅。

可能很多人不太了解這個工具，這里給大家簡單介紹一下Stitch——

Stitch是一款只需描述一下“想要個什么樣的 App”，它就能在幾十秒內給你生成一整套高保真的 UI 界面，并且還是免費的。

實測下來，我甚至有一個大膽的想法：以后做 UI 設計，或許只用它就夠了。

我只用了短短 5 分鐘，全程沒碰一行代碼，就搓出了一套精美的 APP 界面。

廢話不多說，直接看我剛才隨手做的成品。

這套界面的邏輯非常成熟：

• 路線總覽：清晰展示旅游路線列表，支持按日期或地點智能排序。

• 路線詳情：集成了地圖軌跡、距離、耗時、照片墻及文字筆記。

• 實時記錄：模擬了開始旅行后的狀態，顯示實時定位和動態數據。

• 個人中心：包含資料管理、偏好設置及數據統計圖表。

最重要的是，這不是那種一眼假的 AI 圖，而是高保真、邏輯很強的產品原型。

而這些只需一句提示詞：幫我設計一個記錄旅游路線的APP

可能很多人覺得第一個案例既有中文和英文，生成的效果不好，那我們這次的提示詞指定生成中文界面

提示詞：幫我設計一個'家庭綠植養護助手App。 風格要極簡、治愈，主色調使用莫蘭迪綠。需要包含三個核心頁面: 我的花園儀表盤：顯示每盆花的健康狀態和缺水預警 植物百科詳情頁：要有光照和溫度建議; 澆水打卡彈窗：點擊后有煙花特效反饋，中文界面。

Stitch 不僅完美理解了中文指令，連“莫蘭迪綠”這種抽象的色調要求都拿捏得死死的。

排版審美在線，字體層級分明，中文界面也完美呈現。

完全達到了可以直接交付開發的水平。 同時它生成的頁面可直接導出為 Figma 文件供設計師精修，也能一鍵復制靜態 HTML/CSS/JS 代碼給工程師。

如果你對生成的初稿不滿意？沒關系。Stitch 支持對話式修改。

比如覺得上面那個綠植 App 的綠色太單調了，想換個風格。

只需輸入：“把主色調換成淡藍色”。

不到 2 分鐘，整套 UI 的配色瞬間完成替換，同時也保留了原有的布局和邏輯。

只有三個頁面，功能有點太少，也可以在對話框輸入自己的需求增加功能。

增加一個查看查找植物的識別的功能，只需拍照就能查看當前植物是什么？

生成的效果依舊在線。

Stitch除了能生成APP頁面外，還能用來生成網站。

我們可以看到酒店查詢主頁，面頂部有網站Logo，核心是一個顯眼的搜索欄，用戶可以輸入目的地、入住/退房日期、選擇房客數量。

中間則是一些優質酒店的推薦頁面，底部則是展示特色酒店或促銷信息。

從復雜的APP邏輯到精美的Web落地頁，Stitch 的表現可以說大大超出了對一個“輔助工具”的預期。

在2025年這個AI編程的“爆發元年”，Google 用 Stitch 告訴我們：未來的產品開發，不再受限于代碼能力或設計功底，而僅僅受限于你的想象力。

它打破了產品經理、設計師和開發者之間的厚重壁壘，讓“想法”到“產品”的距離縮短到了幾句對話之間。

目前 Stitch依舊是免費的，感興趣的可以去試試。

掃碼邀請進群，我們帶你一起來玩轉ChatGPT、GPT-4、文心一言、通義千問、訊飛星火等AI大模型，順便學一些AI搞錢技能。