Google太狠了！接入 Gemini 3 後的 Stitch，審美能力簡直“逆天”！

我想做APP、想做小程序、想做網站，但是我不會設計UI怎麼辦？

有兩種方式，第一種，直接寫程式碼，讓大模型幫你自動生成。

但是這種方式有個問題，那就是初始提示詞很重要，你可以指定一個參考風格或者提供參考圖，但是出來之後有幾分相似就不太好保證了，假設你對整體風格不滿意，那恐怕要重新生成了。浪費了很多 token，那都是錢啊。

第二種，那就是先生成 UI 設計圖。但前面不是說了嗎，不會設計UI啊。

沒關係，你不會，AI會啊。

Google 給咱們提供了一種方式，直接通過提示詞生成UI設計圖。等有了UI效果圖後，再讓AI根據圖片生成程式碼，那就能完美還原了。

這個產品叫做 Stitch，已經發佈一段時間了，之前效果一般，用不用其實區別也不大。但現在不一樣了， 前幾天，Google 將 Gemini 3 接入進來了，審美能力大幅度提高，絕對是一個普通人做 UI 圖的不二選擇。

線上使用地址： https://stitch.withgoogle.com/

使用方式

這是一個線上網站，通過上面的地址進入之後。

可以選擇移動應用或者 Web 應用，輸入框中輸入你的需求和設計風格，如果你不知道用什麼風格，也可以只講需求，讓它自己發揮。

輸入框右下模型選擇區域可以選擇模型版本，默認是 Gemini 3 Flash，可以選擇 Pro。如果追求更高品質的話，還可以用 Nano Banana Pro 生成高畫質圖片。

另外，左側有幾個示例項目，可以參考官方的提示詞是怎麼寫的。

下面我來做個演示，準備設計一個拍照類的 APP。

在輸入框中輸入我的提示詞，選擇手機應用，模型選擇 Gemini 3 Pro，然後點傳送按鈕。

設計一個拍照APP，用來指導使用者進行某些特定的姿勢拍照，比如在某些風景前拍出本地人的自然狀態，最好有人物姿勢剪影，方便使用者擺姿勢。拍出的照片自動加白色邊框，並在合適的角落加入照片的水印資訊，照片整體效果類似於拍立得效果。

還要有照片查看介面，照片預覽介面。還有一個照片編輯頁面，可以換背景、濾鏡等。

等待幾分鐘，Gemini 3 注重效果，所以速度上會慢一些。

最終效果如下，上面是深色主題，下面是淺色主題。

之後，如果你對其中某張圖不滿意，可以選中這張圖。被選中的圖會自動進入左側聊天窗口，描述你想要的更改。

或者直接在上方的 Generate 下拉框中選擇重新生成或者變體，相當於隨機換一個。

還可以在選擇的圖片上方的 Edit 下拉按鈕中僅需主題修改和細節修改。

點選 Annotate，進入細節編輯介面，在這裡，你可以框選想要修改的局部，然後輸入提示詞，即可完成局部效果的修改。

點選修改主題，右側會出現外觀、顏色、字型等修改選項。

除此之外，還可以選中多張圖片，在 Generate 這裡可以生成互動原型。

這就像用原型工具製作可互動的產品原型圖那樣，可以查看多個頁面之間的互動、跳轉過程，用來給別人演示，或者自己提前查看效果。

下面是互動演示效果：

最後，可以將程式碼複製、下載或匯出到其他平台。

如果是一個 Web 應用，可以直接選中一套，然後匯出到 AI Studio，可直接在 Gemini 3 App 中生成完整程式碼。

寫在最後

Stitch 最大的價值在於它提供了一個可控的中間層，讓你提前把最終效果圖拿到。

避免直接用程式碼生成時，多次不滿意而調整浪費 Token。

如果你手頭正好有想做的 App、小程序或者網站，苦於沒有設計靈感，不妨去試一試。 (古時的風箏)