★ 設為星標 | 只講人話，帶你玩轉(zhuǎn)AIGC。

大家有沒有過這種經(jīng)歷：腦子里有個超級棒的 App 想法，結(jié)果一想到要找設計師畫圖、找程序員寫代碼，這團火瞬間就被澆滅了？

我實測了 Google 的新組合—— Stitch + AI Studio，真的被震撼到了。

我只用了 5 分鐘，全程沒碰一行代碼，就“搓”出了一個能跑通業(yè)務閉環(huán)的真 App。

廢話不多說，先給你們看我剛才隨手做的成品：

以前想做個這種程度的 Demo，UI 和開發(fā)至少得折騰一周。

現(xiàn)在，真的就是動動嘴皮子的事。

想知道怎么復現(xiàn)？跟著我這三步走：

（為了演示，我重做了一遍，和前面的視頻略有差異）

第 1 步：只要一句話，App 的“全家桶”就齊了

在 Stitch 里操作，真的不需要你有任何設計功底，你只需要動動嘴皮子，描述清楚“你想做什么”以及“想要什么風格”就行。

Stitch 地址：https://stitch.withgoogle.com/

比如我輸入的是：

幫我設計一整套“周末去哪兒”App，包含首頁、景點詳情和購票流程，要小紅書那種精致感，界面文字都使用中文。

圖：在谷歌 Stitch 中描述要生成的內(nèi)容

這里有個博主私藏小貼士：Stitch 默認生成的是 App 原型，如果你想做的是網(wǎng)站，記得在頂部點一下 “Web” 切換。

接下來，就是見證奇跡的時刻——

你會看到畫布上“刷刷刷”橫向排開一整套移動端界面。

說實話，看到成品時我整個人都愣住了。

從首頁的精美圖文，到詳情頁的評分、用戶評論、再到購票和支付頁面，這感覺就是一個成熟的 APP 截圖。

圖：Stitch 生成的頁面原型圖

這種“言出法隨”的爆發(fā)力，真的會讓很多前端工程師看完想連夜轉(zhuǎn)行。

看到這種完成度，咱還苦哈哈地去學什么 Figma 勾路徑?。恐苯幼?AI 打工不香嗎！

第 2 步：不滿意？改稿也就是動動嘴皮子的事

覺得初始那個紅橙配色太燥了，想要點戶外自然感？

太簡單了。

在 Stitch 里，不管是微調(diào)單頁還是“全屏大整容”，也就是一句話的事兒。

選中所有頁面，直接甩出指令：“整體配色改成清新的‘森林綠’，再一鍵切到淺色模式。”

圖：在Stitch 里修改頁面

一眨眼的功夫，原來大紅大紫的按鈕、價格標簽和高亮圖標，秒變高級感拉滿的探險風。

圖：Stitch 修改后的頁面

這種全局色彩控制力，以前得跪求設計師調(diào)一下午，現(xiàn)在我喝口水的功夫，AI 就把整套“設計系統(tǒng)”給同步了。

這反饋速度，真的瞬間治愈了我不耐煩的強迫癥。

第 3 步：最神的操作，讓這堆“圖”變成“真程序”

按以前的流程，到這一步產(chǎn)品經(jīng)理和設計師就該收工了，剩下的事就是求爺爺告奶奶，指望研發(fā)小哥能排上期，幫你把代碼寫出來。

但現(xiàn)在，規(guī)矩改了。

你直接把這些設計稿一選，反手扔進谷歌的另一個神器 AI Studio，一鍵下去，這個 App 就算開發(fā)完了。

圖：把設計圖直接生成 APP

真的，這種從“畫餅”到“吃餅”的無縫銜接，簡直是產(chǎn)品經(jīng)理的終極夢想。

誰能想到，以前要折騰半個月的 Demo，現(xiàn)在點點鼠標就搞定了？

不管你懂不懂設計、懂不懂編程，你自己就能做一個 APP 了。

求人？不存在的！

實測完這套流程，我最大的感觸是：谷歌這波“全家桶”組合拳實在太強了，直接把開發(fā)的門檻給踹碎了。

雖說現(xiàn)在 Vibe coding 挺火，但在實際生產(chǎn)中，先搞定 UI 再寫代碼才是最靠譜的閉環(huán)。

以前為了出個 Demo，你可能得先死磕那個復雜的 Figma（光是學畫線和組件就夠勸退了），然后再去別的工具寫代碼，中間這種割裂感特別消耗靈感。

但在谷歌這兒，Stitch 出圖，AI Studio 變現(xiàn)，左手交右手，一氣呵成。

這種體驗太絲滑了！而且這兩工具都是完全免費的！

（要是你是專業(yè)玩家，這里也能直接導進 Jules——谷歌版“Cursor”里開發(fā)）

這就是“一人公司”最好的時代。

以前你和一款 App 之間，差的是幾萬行代碼和幾百個調(diào)色的深夜；現(xiàn)在，你們只差這幾句能說清邏輯的大白話。

技術正在從“圍墻”變成“地基”，以后比的不再是誰會敲鍵盤，而是誰的腦洞更大。

你覺得谷歌這些工具怎么樣？歡迎在評論區(qū)說出你的看法。

如果覺得這期內(nèi)容對你有幫助，別忘了點贊、??并轉(zhuǎn)發(fā)給你的朋友。