如何使用 Google AI Studio:Playground、Build 模式與 Gemini 的 Vibe Coding
要使用 Google AI Studio,請以 Google 帳號登入 aistudio.google.com,在 Playground 中用 Gemini 模型測試提示詞;當你想從自己的程式碼呼叫 Gemini 時,按一下 Get API key。若要 vibe coding 做 App,請開啟 Build 模式,描述你的 App,Gemini 就會產生程式碼,並附上即時預覽,你可以透過聊天持續修改。完成後,你可以部署到 Cloud Run、同步到 GitHub,或下載程式碼。
本指南會依照 Google 在撰寫時(2026 年 11 月)的文件,逐一介紹各個部分,接著說明 AI Studio 最擅長的地方,以及何時改用內建資料庫與託管的建置工具會更適合。Google 經常更新 AI Studio,因此最新的名稱與限制請以其文件為準。
Google AI Studio 是什麼
AI Studio 是 Google 用來建置 Gemini 應用的瀏覽器工作區,服務兩類人:
- 開發者:想試用 Gemini 模型、調整提示詞,並把可運作的程式碼複製到自己的專案中。
- 建置者:想用文字描述 App,並讓 Gemini 透過 Build 模式替他們寫出來。
Google 表示,在提供服務的地區,AI Studio 的使用免費,部分模型也提供有限的免費存取。付費 API 方案、部分模型、大量使用 Google 搜尋基礎功能,以及在 Google Cloud 上託管,都會另外計費。
第一部分:Playground
Playground 預設會開啟一個新的聊天提示。這裡可以在建置任何東西之前,先測試模型的能力。
- 選擇模型,在輸入框中輸入訊息,然後按一下 Run。
- 開啟 Run settings(右上角的調整圖示),可以變更模型參數與安全設定,並開啟結構化輸出、函式呼叫、程式碼執行或 grounding。
- 加入 System Instructions,設定模型的角色與語氣,例如:「你是一間麵包店的親切助理。請用兩句話回答,並推薦一項產品。」
- 按一下 Get code,將提示與設定轉換成你偏好語言的程式碼。
除了聊天,Playground 也提供其他提示類型,例如即時串流與影片生成。
取得 API 金鑰
當你想在自己的 App 中使用 Gemini 時,請到 Get API key 頁面(aistudio.google.com/apikey)建立金鑰。請像對待密碼一樣保護它:把金鑰放在伺服器的環境變數或機密設定中,絕不要寫在會在訪客瀏覽器中執行的程式碼裡。我們的API 金鑰安全指南說明了原因。
第二部分:在 Build 模式中 vibe coding
Build 模式就是「用 Gemini 進行 vibe coding」發生的地方。你描述一個 App,AI Studio 的代理程式會寫出程式碼,並在旁邊顯示結果。
開始一個專案
你有幾種方式可以開始:
- 輸入提示,描述你的 App。
- 按下 I'm Feeling Lucky,取得系統生成的點子。
- 在 App Gallery 中用 Copy App 重新混搭(Remix) 別人的 App。
- 使用 Add files 選單 從 GitHub 匯入。
你可以加入 AI Chips,引入圖像生成或地圖資料等功能,也可以用語音轉文字來口述提示。
它會建置什麼
依照 Google 的文件:
- 預設為網頁 App:React 前端加上 Node.js 伺服器,因此 API 呼叫可以保留在伺服器端,npm 套件會自動安裝,而且 App 可以連接資料庫。
- 原生 Android App,使用 Kotlin 與 Jetpack Compose 撰寫,你可以在瀏覽器模擬器中預覽、透過 ADB 安裝,並發布到 Google Play 進行內部測試。
- 自動完成的 Firebase 設定:用於資料的 Firestore,以及使用「透過 Google 登入」的 Firebase Authentication。
- Google Workspace 整合,例如 Gmail、Sheets、Docs、Drive 與 Calendar。
第一個提示範例
建置一個食譜 App。我貼上食譜或連結,Gemini 會把它整理成乾淨的卡片,包含食材、步驟與烹飪時間。我可以儲存食譜、搜尋食譜,並依不同人數調整食材份量。讓我用 Google 登入,這樣我的食譜會儲存在我的帳號中。
這正好發揮 AI Studio 的優勢:Gemini 是功能的一部分,登入使用 Google,儲存則使用 Firebase。
持續修改 App
- 與代理程式聊天:「加入購物清單,合併我勾選的食譜中的食材。」
- 註解模式(Annotation mode):框選 App 畫面中的一部分,並描述你想要的變更。這比描述你指的是哪個按鈕更快。
- Code 分頁:查看產生的程式碼,若想要也可以直接編輯。
Google 的文件表示,Build 模式會將 Gemini API 金鑰保存為伺服器端的機密(GEMINI_API_KEY,可在 Secrets 面板中看到),而不是放進客戶端程式碼。Android App 則使用 Firebase AI Logic 與 App Check,而不是金鑰。
分享與部署
- 分享:App 預設為私人。你分享的對象可以檢視並 fork 程式碼,具有編輯權限的人則可以修改。使用你分享之 App 的人所發出的 Gemini 呼叫,會計入你的用量,而且如果費用可能增加,AI Studio 在分享前會先提醒你。
- Cloud Run:可以從 AI Studio 部署為可擴充的服務。可能適用 Google Cloud 定價。
- GitHub:與儲存庫雙向同步,兩端都有變更時會顯示衝突檢視。
- ZIP 下載:可以把程式碼帶到任何地方。你需要在自己的主機上設定 API 金鑰。
在 Build 模式中獲得更好結果的技巧
- 先說明 Gemini 在 App 中做什麼。 當 AI 本身就是功能時,Build 模式的效果最好,例如摘要、擷取、生成圖片,或根據文件回答問題。
- 說清楚什麼會被儲存、為誰儲存。「每位使用者的食譜只有自己看得到」這種規則,值得一開始就寫明。
- 每則訊息只改一件事,並在預覽中測試後再進行下一步。
- 在真實使用者進來前,先檢查 Firebase 安全性規則。 App 對你能正常運作,不代表其他使用者無法讀取你的資料。可以問:「請顯示 Firestore 規則,並說明每個集合的讀取與寫入權限是誰。」
如果想要在任何工具中都能用的更多提示,請參閱我們的vibe coding 提示詞速查表。
Google AI Studio 最擅長的地方
- 以 Gemini 為核心功能的 App,並將金鑰保存在伺服器端。
- 以 Google 為中心的技術堆疊:Firebase、透過 Google 登入、Workspace 資料與地圖。
- 想快速做原型的開發者,之後同步到 GitHub 繼續開發。
- 原生 Android 實驗,並在瀏覽器中預覽。
何時改用具備資料庫與託管的建置工具
AI Studio 是很強的工具,對許多專案來說已經足夠。當以下情況出現時,值得考慮使用全端 AI App 建置工具:
- 你需要關聯式資料庫。 Firestore 是文件型資料庫。如果你的 App 有彼此關聯的客戶、訂單與發票,Postgres 資料庫可能更容易理解。我們的 Supabase 與 Firebase 比較指南說明了兩者的差異。
- 你不想管理 Google Cloud 專案。 部署到 Cloud Run 需要 Cloud 帳號、帳務與相關設定。有些人寧願一鍵發布,並把託管包含在內。
- 你希望託管、資料庫與儲存空間都在同一張帳單上。 在 Mythex,這些都由方案內含的 Cloud 點數支付。
- 你同時需要 iPhone 與 Android。 在 Mythex Pro 中,已發布的 App 可以變成上傳到 Google Play 的 Android App,也可以透過你自己的 App Store Connect 金鑰,在不需要 Mac 的情況下送到 TestFlight 成為 iPhone App。(這些都是開啟你已發布的 App,並不是原生的 Swift 或 Kotlin 程式碼。)
- AI 不是 App 的重點。 預約系統或客戶入口網站不需要以 Gemini 為中心,一般的建置工具可能更自然。
- 你希望使用自己的網域,而不必設定 Cloud 服務。
Mythex 的運作方式是:用聊天描述 App(任何語言都可以),它會建置一個真正的全端 App,附上即時預覽,接上 Postgres 資料庫與檔案儲存,並一鍵發布到公開網址。免費方案不需要信用卡,包含發布功能;Pro 每月 25 美元,另外提供程式碼編輯、匯出、GitHub、自訂網域與手機 App。請參閱 AI App 建置工具頁面。
無論選擇哪一個,程式碼都是你的:AI Studio 可透過 GitHub 或 ZIP 帶走,Mythex 則在 Pro 方案中可透過匯出與 GitHub 帶走。若想更全面地比較各種選擇,請參閱最佳 vibe coding 工具,以及ChatGPT、Claude 與 Gemini 做 App 比較。
Google AI Studio 使用重點
- 以 Google 帳號登入 aistudio.google.com。
- 在 Playground 中選擇模型,輸入提示並按下 Run。在 Run settings 中可切換參數與功能。
- 若要在自己的 App 中使用 Gemini,請在 Get API key 建立金鑰,並將它儲存在伺服器端的環境變數中。
- 若要建置 App,請開啟 Build 模式,用文字描述你想做的 App。一邊查看預覽,一邊透過聊天或註解模式修改。
- 完成後,可以部署到 Cloud Run、與 GitHub 同步,或下載 ZIP。
如果你想在一個地方管理資料庫、託管、自訂網域,以及 iPhone 與 Android App,像 Mythex 這樣的全端 AI App 建置工具也是可以考慮的選擇。
常見問題
Google AI Studio 是免費的嗎?
Google 表示,在提供服務的地區,AI Studio 的使用免費,部分模型也提供有限的免費存取。付費 API 用量、部分新模型、額外的搜尋基礎功能(grounding),以及 Google Cloud 的 Cloud Run 託管都可能收費,因此在分享或部署 App 前,請先查看 Google 的定價頁面。
Google AI Studio 的 Build 模式是什麼?
Build 模式是 AI Studio 的 vibe coding 工作區。你在提示中描述一個 App,Gemini 會產生程式碼並附上即時預覽,你可以透過聊天或框選畫面中的部分來持續修改。網頁 App 會取得 React 前端與 Node.js 伺服器,也可以產生原生 Android App。
Google AI Studio 的 App 可以有資料庫和登入功能嗎?
可以。根據 Google 的文件,Build 模式可以自動設定 Firebase,包括用於資料的 Firestore,以及使用「透過 Google 登入」的 Firebase Authentication。只要你的伺服器能透過網路連上其他資料庫,也可以使用其他資料庫。
如何發布 Google AI Studio 的 App?
你可以從 AI Studio 直接部署到 Google Cloud Run、將程式碼同步到 GitHub,或下載 ZIP 檔後自行託管。Cloud Run 屬於 Google Cloud 的一部分,可能適用一般的 Cloud 定價;使用 ZIP 時,你需要在自己的主機上設定 Gemini API 金鑰。
什麼時候應該改用 App 建置工具,而不是 Google AI Studio?
AI Studio 很適合圍繞 Gemini 與 Google 服務打造的 App。當你希望在同一個地方、以同一個方案付費,同時擁有 Postgres 資料庫、檔案儲存、託管、自訂網域,以及 Android 與 iPhone App,而且不想自行設定 Google Cloud 專案時,全端 App 建置工具可能更合適。