指南

如何使用 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 mode,在提示中描述 app,Gemini 便會生成附即時預覽的 app,你可以透過聊天繼續修改。完成後,你可以部署到 Cloud Run、同步到 GitHub,或下載程式碼。

本指南會按照 Google 在撰寫時(2026 年 11 月)的文件,逐一介紹每個部分,然後說明 AI Studio 最擅長的地方,以及何時改用擁有自己數據庫和託管服務的 builder 會更合適。Google 經常更新 AI Studio,請查看其文件以了解最新的名稱及限制。

Google AI Studio 是什麼

AI Studio 是 Google 用來使用 Gemini 製作 app 的瀏覽器工作區,服務兩類用戶:

  • 開發人員,想試用 Gemini 模型、調整提示,並把可用的程式碼複製到自己的專案中。
  • Builder,想描述一個 app,然後由 Gemini 代為編寫,使用 Build 模式。

Google 表示,AI Studio 在其提供服務的地區免費使用,並對某些模型提供有限的免費存取。付費 API 層級、部分模型、大量使用 Google 搜尋 grounding,以及在 Google Cloud 上託管,則會另行收費。

第一部分:Playground

Playground 預設會開啟一個新的聊天提示。你可以在這裡先測試模型的能力,然後才開始製作任何東西。

  1. 選擇模型,在輸入框中輸入訊息,然後按 Run。
  2. 開啟 Run settings(右上角的調校圖示),更改模型參數及安全設定,並可開啟結構化輸出、函數呼叫、程式碼執行或 grounding。
  3. 加入 System Instructions,設定模型的角色及語氣,例如:「你是一間麵包店的友善助手,請用兩句話回答,並推薦一款產品。」
  4. 按 Get code,把提示及設定轉換成你選用語言的程式碼。

除了聊天,Playground 還提供其他提示類型,例如即時串流及影片生成。

取得 API 金鑰

如果你想在自己的 app 中使用 Gemini,請在 Get API key 頁面(aistudio.google.com/apikey)建立金鑰。請把它當作密碼處理:保存在伺服器的環境變數或機密設定中,切勿放在訪客瀏覽器會執行的程式碼裡。我們的保護 API 金鑰指南解釋了原因。

第二部分:在 Build mode 進行 vibe coding

Build mode 是「用 Gemini 進行 vibe coding」發生的地方。你描述 app,AI Studio 的 agent 便會編寫程式碼,並在旁邊顯示結果。

開始專案

你有幾種開始方式:

  • 輸入提示,描述你想要的 app。
  • 按 I'm Feeling Lucky,獲取生成的構思。
  • 使用 App Gallery 中的 Remix 功能,以 Copy App 複製一個 app。
  • 使用 Add files 選單,從 GitHub 匯入。

你可以加入 AI Chips,以整合圖像生成或 Maps 數據等功能;也可以用語音轉文字功能口述提示。

它能建構什麼

根據 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

  • 與 agent 聊天:「加入一個購物清單,把我勾選的食譜中的材料合併起來。」
  • 注釋模式(Annotation mode):圈選 app 畫面的一部分,並描述你想在那裡作出的更改。這比描述你指的是哪個按鈕更快。
  • Code 分頁:查看生成的程式碼,如有需要可以直接編輯。

Google 的文件表示,Build mode 會把 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 mode 取得更好結果的提示

  • 先說明 Gemini 在 app 中做什麼。 Build mode 最能發揮作用的時候,是 AI 本身就是功能的時候:例如摘要、擷取資料、生成圖像,或根據文件回答問題。
  • 說明什麼內容會被儲存,以及為誰而存。 「每位用戶的食譜只屬於其本人」是一條值得一開始就寫明的規則。
  • 每次訊息只更改一件事,並在預覽中測試後才進行下一步。
  • 在真實用戶使用前,檢視 Firebase 安全規則。 app 能運作,並不代表其他用戶無法讀取你的資料。可以問:「請顯示 Firestore 規則,並解釋每個集合(collection)誰可以讀取和寫入。」

如需更多適用於任何工具的提示,請參閱我們的vibe coding 提示速查表。

Google AI Studio 最擅長的地方

  • 以 Gemini 為核心功能的 app,並把金鑰保存在伺服器上。
  • 以 Google 為中心的技術棧:Firebase、使用 Google 登入、Workspace 數據、Maps。
  • 想快速做原型,然後同步到 GitHub 並繼續開發的開發人員。
  • 原生 Android 實驗,並在瀏覽器中預覽。

何時改用具備數據庫及託管服務的 builder

AI Studio 是一個很好的工具,對許多專案來說已經足夠。以下情況下,可以考慮使用全端 AI app builder:

  • 你需要關聯式數據庫。 Firestore 是文件數據庫。如果你的 app 有客戶、訂單及發票,而它們之間存在關聯,Postgres 數據庫可能更容易理解。我們的 Supabase 與 Firebase 比較指南解釋了兩者的分別。
  • 你不想管理 Google Cloud 專案。 部署到 Cloud Run 需要一個 Cloud 帳戶、帳單及相關設定。有些人寧願一鍵發佈,並包含託管服務。
  • 你希望託管、數據庫及儲存都在同一張帳單上。 在 Mythex,這些服務由方案內包含的每月 Cloud 點數支付。
  • 你同時需要 iPhone 及 Android。 在 Mythex Pro 中,已發佈的 app 可以變成 Android app 上載到 Google Play,以及透過你自己的 App Store Connect 金鑰發送到 TestFlight 的 iPhone app,無需 Mac。(這些是開啟你已發佈的 app;它們並非原生 Swift 或 Kotlin 程式碼。)
  • AI 並非 app 的重點。 預約系統或客戶入口網站不需要以 Gemini 為核心,一般 builder 可能更合適。
  • 你希望使用自己的網域,而無需設定 Cloud 服務。

Mythex 的運作方式是:用任何語言在聊天中描述 app,它便會建構出真正的全端 app,並附即時預覽,附上 Postgres 數據庫及檔案儲存,然後一鍵發佈到公開網址。免費方案無需信用卡,並包括發佈功能;Pro 每月 25 美元,並增加程式碼編輯、匯出、GitHub、自訂網域及手機 app。詳見 AI app builder 頁面。

無論選擇哪一個,程式碼都屬於你,可以帶走:AI Studio 可透過 GitHub 或 ZIP 取得,Mythex 則在 Pro 方案中可透過匯出及 GitHub 取得。如想更廣泛地了解各種選擇,請參閱最佳 vibe coding 工具,以及ChatGPT 與 Claude 與 Gemini 製作 app 比較。

Google AI Studio 使用方法(重點)

  1. 以 Google 帳戶登入 aistudio.google.com。
  2. 在 Playground 選擇模型,輸入提示並按 Run。在 Run settings 可以切換參數及功能。
  3. 如要在自己的 app 中使用 Gemini,請用 Get API key 建立金鑰,並把它保存在伺服器端的環境變數中。
  4. 如要製作 app,請開啟 Build mode,用文字描述你想要的 app。透過聊天或注釋模式,一邊看預覽一邊修改。
  5. 完成後,可以部署到 Cloud Run、與 GitHub 同步,或下載 ZIP。

如果你想在同一處管理數據庫、託管、自訂網域,以及 iPhone 和 Android app,並使用同一個方案付費,Mythex 這類全端 AI app builder 也是一個選擇。

常見問題

Google AI Studio 免費嗎?

Google 表示,AI Studio 在其提供服務的地區免費使用,並對某些模型提供有限的免費存取。付費 API 用量、部分較新的模型、額外的搜尋 grounding 及 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 的一部分,可能會按一般定價收費;使用 ZIP 的話,你需要在自己的主機上設定 Gemini API 金鑰。

什麼時候應該用 app builder,而不是 Google AI Studio?

AI Studio 非常適合圍繞 Gemini 及 Google 服務而建的 app。如果你想在同一處管理 Postgres 數據庫、檔案儲存、託管、自訂網域,以及 Android 和 iPhone app,並用同一個方案付費,而無需設定 Google Cloud 專案,全端 app builder 可能更合適。

Mythex · Pricing · 用 AI 建造任何嘢 · 網站及應用程式範本 · Mythex 比較 · AI 應用程式開發詞彙表 · 免費 AI 應用程式開發工具 · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(台灣)