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

大家有沒(méi)有過(guò)這種經(jīng)歷：腦子里有個(gè)超級(jí)棒的 App 想法，結(jié)果一想到要找設(shè)計(jì)師畫(huà)圖、找程序員寫(xiě)代碼，這團(tuán)火瞬間就被澆滅了？

我實(shí)測(cè)了 Google 的新組合—— Stitch + AI Studio，真的被震撼到了。

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

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

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

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

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

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

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

在 Stitch 里操作，真的不需要你有任何設(shè)計(jì)功底，你只需要?jiǎng)觿?dòng)嘴皮子，描述清楚“你想做什么”以及“想要什么風(fēng)格”就行。

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

比如我輸入的是：

幫我設(shè)計(jì)一整套“周末去哪兒”App，包含首頁(yè)、景點(diǎn)詳情和購(gòu)票流程，要小紅書(shū)那種精致感，界面文字都使用中文。

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

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

接下來(lái)，就是見(jiàn)證奇跡的時(shí)刻——

你會(huì)看到畫(huà)布上“刷刷刷”橫向排開(kāi)一整套移動(dòng)端界面。

說(shuō)實(shí)話，看到成品時(shí)我整個(gè)人都愣住了。

從首頁(yè)的精美圖文，到詳情頁(yè)的評(píng)分、用戶評(píng)論、再到購(gòu)票和支付頁(yè)面，這感覺(jué)就是一個(gè)成熟的 APP 截圖。

圖：Stitch 生成的頁(yè)面原型圖

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

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

第 2 步：不滿意？改稿也就是動(dòng)動(dòng)嘴皮子的事

覺(jué)得初始那個(gè)紅橙配色太燥了，想要點(diǎn)戶外自然感？

太簡(jiǎn)單了。

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

選中所有頁(yè)面，直接甩出指令：“整體配色改成清新的‘森林綠’，再一鍵切到淺色模式?！?/p>

圖：在Stitch 里修改頁(yè)面

一眨眼的功夫，原來(lái)大紅大紫的按鈕、價(jià)格標(biāo)簽和高亮圖標(biāo)，秒變高級(jí)感拉滿的探險(xiǎn)風(fēng)。

圖：Stitch 修改后的頁(yè)面

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

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

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

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

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

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

圖：把設(shè)計(jì)圖直接生成 APP

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

誰(shuí)能想到，以前要折騰半個(gè)月的 Demo，現(xiàn)在點(diǎn)點(diǎn)鼠標(biāo)就搞定了？

不管你懂不懂設(shè)計(jì)、懂不懂編程，你自己就能做一個(gè) APP 了。

求人？不存在的！

實(shí)測(cè)完這套流程，我最大的感觸是：谷歌這波“全家桶”組合拳實(shí)在太強(qiáng)了，直接把開(kāi)發(fā)的門(mén)檻給踹碎了。

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

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

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

這種體驗(yàn)太絲滑了！而且這兩工具都是完全免費(fèi)的！

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

這就是“一人公司”最好的時(shí)代。

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

技術(shù)正在從“圍墻”變成“地基”，以后比的不再是誰(shuí)會(huì)敲鍵盤(pán)，而是誰(shuí)的腦洞更大。

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

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