指南

如何使用 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 預設會開啟一個新的聊天提示。這裡可以在建置任何東西之前,先測試模型的能力。

  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 模式中 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 使用重點

  1. 以 Google 帳號登入 aistudio.google.com。
  2. 在 Playground 中選擇模型,輸入提示並按下 Run。在 Run settings 中可切換參數與功能。
  3. 若要在自己的 App 中使用 Gemini,請在 Get API key 建立金鑰,並將它儲存在伺服器端的環境變數中。
  4. 若要建置 App,請開啟 Build 模式,用文字描述你想做的 App。一邊查看預覽,一邊透過聊天或註解模式修改。
  5. 完成後,可以部署到 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 建置工具可能更合適。

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 简体中文 繁體中文(香港)