Kouwua Studio Kouwua Studio
首頁 / 實驗室筆記 / 不用寫程式,用說的就能做出小工具:從 Gemini Canv…
學習

不用寫程式,用說的就能做出小工具:從 Gemini Canvas 開始

不需要學任何程式語言,打開 Gemini,用中文描述你要的東西,幾秒鐘就能看到一個可以互動的 app 或遊戲。這篇帶你做出第一個。

2026年7月6日
vibe coding零基礎GeminiAI輔助開發

你不需要懂程式,也不需要安裝任何軟體。

打開 Gemini,說你要什麼,它就做出來了。

這篇只要記住一件事

打開 Gemini,對話框左邊有個 號 → 點它 → 選「Canvas」。接下來跟它說你要什麼就好。

午餐轉盤示範

Gemini Canvas 是什麼

Gemini 是 Google 的 AI 助理。它有一個叫做 Canvas 的功能,可以直接幫你生成可以操作的網頁、小工具、或小遊戲——不是文字描述,是真的可以點、可以玩的東西,在 Gemini 旁邊的視窗裡馬上出現。

試著做你的第一個

假設你不想動腦決定今天中午吃什麼——自己選又怕後悔,問同事又沒人敢決定。你可以這樣說:

幫我做一個「今天吃什麼」午餐轉盤。預設選項有便當、拉麵、滷肉飯、隨便,可以自己新增或刪除。有一個大大的旋轉按鈕,按下去轉盤旋轉幾秒後慢慢停下來,指到哪個就吃哪個。介面要好看,轉盤顏色鮮艷。

Gemini 就會做出一個可以旋轉的轉盤。輸入「便當」、「拉麵」、「滷肉飯」、「隨便」,按下去,讓命運來決定。同事也不用吵了。

我照這個提示詞做了一個,點這裡可以直接試玩

不滿意?繼續說:

幫我把背景換成深色,轉盤的顏色更鮮艷一點。

它會馬上更新。你負責說,它負責做——這就是 vibe coding 的核心。

任何想法都可以試

幾個可以試的方向:

不需要考慮「技術上能不能做到」——先說,不行再調整。大多數簡單的需求,Gemini 都能做出來。

做好了,然後呢

做好的工具還可以直接在 Gemini Canvas 裡,從右上角點選分享,讓別人也試試!

但如果分享功能無法使用;你想隨時打開、隨時修改,不依賴 Gemini 視窗,也可以把它存成一個 HTML 檔案——存在電腦裡,點擊就能開,想改就回去跟 Gemini 說。更進一步,還可以放到網路上,讓任何人都能用,不需要傳檔案。怎麼做?下一篇說

← 回實驗室筆記