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

作者｜子川

來源｜AI先鋒官

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

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

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

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

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

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

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

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

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

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

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

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

• 實時記錄：模擬了開始旅行后的狀態(tài)，顯示實時定位和動態(tài)數(shù)據(jù)。

• 個人中心：包含資料管理、偏好設(shè)置及數(shù)據(jù)統(tǒng)計圖表。

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

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

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

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

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

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

完全達(dá)到了可以直接交付開發(fā)的水平。 同時它生成的頁面可直接導(dǎo)出為 Figma 文件供設(shè)計師精修，也能一鍵復(fù)制靜態(tài) HTML/CSS/JS 代碼給工程師。

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

比如覺得上面那個綠植 App 的綠色太單調(diào)了，想換個風(fēng)格。

只需輸入：“把主色調(diào)換成淡藍(lán)色”。

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

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

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

生成的效果依舊在線。

Stitch除了能生成APP頁面外，還能用來生成網(wǎng)站。

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

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

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

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

它打破了產(chǎn)品經(jīng)理、設(shè)計師和開發(fā)者之間的厚重壁壘，讓“想法”到“產(chǎn)品”的距離縮短到了幾句對話之間。

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

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