★ 設為星標 | 只講人話,帶你玩轉AIGC。
大家有沒有過這種經歷:腦子里有個超級棒的 App 想法,結果一想到要找設計師畫圖、找程序員寫代碼,這團火瞬間就被澆滅了?
我實測了 Google 的新組合—— Stitch + AI Studio,真的被震撼到了。
我只用了 5 分鐘,全程沒碰一行代碼,就“搓”出了一個能跑通業務閉環的真 App。
廢話不多說,先給你們看我剛才隨手做的成品:
以前想做個這種程度的 Demo,UI 和開發至少得折騰一周。
現在,真的就是動動嘴皮子的事。
想知道怎么復現?跟著我這三步走:
(為了演示,我重做了一遍,和前面的視頻略有差異)
第 1 步:只要一句話,App 的“全家桶”就齊了
在 Stitch 里操作,真的不需要你有任何設計功底,你只需要動動嘴皮子,描述清楚“你想做什么”以及“想要什么風格”就行。
Stitch 地址:https://stitch.withgoogle.com/
比如我輸入的是:
幫我設計一整套“周末去哪兒”App,包含首頁、景點詳情和購票流程,要小紅書那種精致感,界面文字都使用中文。
![]()
圖:在谷歌 Stitch 中描述要生成的內容
這里有個博主私藏小貼士:Stitch 默認生成的是 App 原型,如果你想做的是網站,記得在頂部點一下 “Web” 切換。
接下來,就是見證奇跡的時刻——
你會看到畫布上“刷刷刷”橫向排開一整套移動端界面。
說實話,看到成品時我整個人都愣住了。
從首頁的精美圖文,到詳情頁的評分、用戶評論、再到購票和支付頁面,這感覺就是一個成熟的 APP 截圖。
![]()
圖:Stitch 生成的頁面原型圖
這種“言出法隨”的爆發力,真的會讓很多前端工程師看完想連夜轉行。
看到這種完成度,咱還苦哈哈地去學什么 Figma 勾路徑啊?直接讓 AI 打工不香嗎!
第 2 步:不滿意?改稿也就是動動嘴皮子的事
覺得初始那個紅橙配色太燥了,想要點戶外自然感?
太簡單了。
在 Stitch 里,不管是微調單頁還是“全屏大整容”,也就是一句話的事兒。
選中所有頁面,直接甩出指令:“整體配色改成清新的‘森林綠’,再一鍵切到淺色模式。”

圖:在Stitch 里修改頁面
一眨眼的功夫,原來大紅大紫的按鈕、價格標簽和高亮圖標,秒變高級感拉滿的探險風。
![]()
圖:Stitch 修改后的頁面
這種全局色彩控制力,以前得跪求設計師調一下午,現在我喝口水的功夫,AI 就把整套“設計系統”給同步了。
這反饋速度,真的瞬間治愈了我不耐煩的強迫癥。
第 3 步:最神的操作,讓這堆“圖”變成“真程序”
按以前的流程,到這一步產品經理和設計師就該收工了,剩下的事就是求爺爺告奶奶,指望研發小哥能排上期,幫你把代碼寫出來。
但現在,規矩改了。
你直接把這些設計稿一選,反手扔進谷歌的另一個神器 AI Studio,一鍵下去,這個 App 就算開發完了。

圖:把設計圖直接生成 APP
真的,這種從“畫餅”到“吃餅”的無縫銜接,簡直是產品經理的終極夢想。
誰能想到,以前要折騰半個月的 Demo,現在點點鼠標就搞定了?
不管你懂不懂設計、懂不懂編程,你自己就能做一個 APP 了。
求人?不存在的!
實測完這套流程,我最大的感觸是:谷歌這波“全家桶”組合拳實在太強了,直接把開發的門檻給踹碎了。
雖說現在 Vibe coding 挺火,但在實際生產中,先搞定 UI 再寫代碼才是最靠譜的閉環。
以前為了出個 Demo,你可能得先死磕那個復雜的 Figma(光是學畫線和組件就夠勸退了),然后再去別的工具寫代碼,中間這種割裂感特別消耗靈感。
但在谷歌這兒,Stitch 出圖,AI Studio 變現,左手交右手,一氣呵成。
這種體驗太絲滑了!而且這兩工具都是完全免費的!
![]()
(要是你是專業玩家,這里也能直接導進 Jules——谷歌版“Cursor”里開發)
這就是“一人公司”最好的時代。
以前你和一款 App 之間,差的是幾萬行代碼和幾百個調色的深夜;現在,你們只差這幾句能說清邏輯的大白話。
技術正在從“圍墻”變成“地基”,以后比的不再是誰會敲鍵盤,而是誰的腦洞更大。
你覺得谷歌這些工具怎么樣?歡迎在評論區說出你的看法。
如果覺得這期內容對你有幫助,別忘了點贊、??并轉發給你的朋友。
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
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.