Як користуватися Google AI Studio: Playground, режим Build і вайб-кодинг з Gemini

Щоб користуватися Google AI Studio, увійдіть на aistudio.google.com з обліковим записом Google, тестуйте запити до моделей Gemini в Playground, а коли захочете викликати Gemini з власного коду, натисніть Get API key. Щоб створити застосунок методом вайб-кодингу, відкрийте режим Build, опишіть застосунок у запиті, і Gemini згенерує його з живим попереднім переглядом, який ви уточнюєте в чаті. Потім його можна розгорнути в Cloud Run, синхронізувати з GitHub або завантажити код.

Цей посібник проходить кожну частину так, як її описує Google станом на листопад 2026 року, а потім розповідає, де AI Studio найсильніший і коли краще обрати конструктор з власною базою даних і хостингом. Google часто оновлює AI Studio, тож перевіряйте його документацію, щоб дізнатися актуальні назви й ліміти.

Що таке Google AI Studio

AI Studio — це браузерний робочий простір Google для роботи з Gemini. Він призначений для двох типів людей:

• Розробників, які хочуть випробувати моделі Gemini, налаштувати запит і перенести працюючий код у свій проєкт.
• Будівельників застосунків, які хочуть описати застосунок, а Gemini напише його в режимі Build.

Google заявляє, що використання AI Studio безкоштовне в регіонах, де він доступний, з обмеженим безкоштовним доступом до окремих моделей. Платні тарифи API, деякі моделі, активний пошук Google з обґрунтуванням і хостинг у Google Cloud оплачуються окремо.

Частина 1: Playground

Playground відкривається за замовчуванням з новим чатом. Тут ви тестуєте, на що здатна модель, ще до того, як щось будувати.

1. Оберіть модель і введіть повідомлення в поле, потім натисніть Run.
2. Відкрийте Run settings (значок налаштувань угорі праворуч), щоб змінити параметри моделі та налаштування безпеки, а також увімкнути структурований вивід, виклик функцій, виконання коду чи обґрунтування.
3. Додайте System Instructions, щоб задати роль і тон моделі, наприклад: «Ти дружній помічник пекарні. Відповідай у двох реченнях і пропонуй один товар».
4. Натисніть Get code, щоб перетворити запит і налаштування на код мовою, яка вам зручна.

Крім чату, Playground пропонує й інші типи запитів, наприклад потокову передачу в реальному часі та генерацію відео.

Отримання ключа API

Щоб використовувати Gemini у власному застосунку, створіть ключ на сторінці Get API key (aistudio.google.com/apikey). Ставтеся до нього як до пароля: зберігайте його в змінних середовища або секретах сервера, ніколи в коді, який виконується в браузері відвідувача. Наш посібник про безпеку ключів API пояснює, чому це важливо.

Частина 2: вайб-кодинг у режимі Build

У режимі Build і відбувається «вайб-кодинг з Gemini». Ви описуєте застосунок, агент AI Studio пише код і показує результат поруч.

Початок проєкту

Є кілька способів почати:

• Введіть запит, який описує застосунок.
• Натисніть I'm Feeling Lucky, щоб отримати згенеровану ідею.
• Зробіть ремікс застосунку з App Gallery за допомогою Copy App.
• Імпортуйте з GitHub через меню Add files.

Додавати AI Chips можна для підключення таких функцій, як генерація зображень або дані Maps, а запити можна диктувати голосом.

Що саме створюється

Згідно з документацією Google:

• Веб-застосунки за замовчуванням: фронтенд на React і сервер на Node.js, тож виклики API можуть залишатися на сервері, пакети npm встановлюються автоматично, а застосунок може підключатися до баз даних.
• Нативні застосунки для Android на Kotlin і Jetpack Compose, які можна переглянути в емуляторі браузера, встановити через ADB і опублікувати в Google Play для внутрішнього тестування.
• Налаштований Firebase автоматично: Firestore для даних і Firebase Authentication із входом через Google.
• Інтеграції з Google Workspace, такі як Gmail, Sheets, Docs, Drive і Calendar.

Перший запит

Створи застосунок рецептів. Я вставляю рецепт або посилання, а Gemini перетворює його на зрозумілу картку з інгредієнтами, кроками і часом приготування. Я можу зберігати рецепти, шукати їх і перераховувати інгредієнти на іншу кількість порцій. Дай мені увійти через Google, щоб мої рецепти зберігалися в моєму обліковому записі.

Це відповідає сильним сторонам AI Studio: Gemini є частиною функції, вхід виконується через Google, а сховищем служить Firebase.

Уточнення застосунку

• Пишіть в чат агенту: «Додай список покупок, який об’єднає інгредієнти з рецептів, які я відмітив».
• Режим анотацій: виділіть частину екрана застосунку й опишіть потрібну зміну саме там. Це швидше, ніж описувати, яку кнопку ви маєте на увазі.
• Вкладка Code: перегляньте згенерований код і за потреби редагуйте його напряму.

За документацією Google, режим Build зберігає ключ API Gemini як секрет на сервері (GEMINI_API_KEY, видимий у панелі Secrets), а не в клієнтському коді. Застосунки для Android використовують Firebase AI Logic і App Check замість ключа.

Спільний доступ і розгортання

• Спільний доступ: застосунки за замовчуванням приватні. Ті, з ким ви ділитеся, можуть переглядати та форкати код, а користувачі з правом редагування можуть його змінювати. Виклики Gemini, які роблять люди, що користуються вашим спільним застосунком, враховуються у вашому використанні, і AI Studio попереджає перед публікацією, якщо витрати ймовірні.
• Cloud Run: розгортання з AI Studio як масштабованого сервісу. Можуть діяти ціни Google Cloud.
• GitHub: двостороння синхронізація з репозиторієм, з поданням конфліктів, якщо змінилися обидві сторони.
• Завантаження ZIP: забирайте код куди завгодно. Ключ API ви вказуватимете на власному хостингу.

Поради для кращих результатів у режимі Build

• Починайте з того, що Gemini робить у застосунку. Режим Build найкращий, коли ШІ є самою функцією: узагальнення, витяг даних, генерація зображень, відповіді на запитання за документом.
• Скажіть, що зберігається і для кого. «Рецепти кожного користувача приватні для нього» — правило, яке варто назвати одразу.
• Змінюйте одну річ за повідомлення і перевіряйте її в попередньому перегляді, перш ніж переходити до наступної.
• Перегляньте правила безпеки Firebase до того, як з’являться реальні користувачі. Те, що застосунок працює для вас, не означає, що інші користувачі не можуть прочитати ваші дані. Запитайте: «Покажи правила Firestore і поясни, хто може читати й записувати кожну колекцію».

Більше запитів, які працюють в будь-якому інструменті, є в нашій шпаргалці з промптів для вайб-кодингу.

Де Google AI Studio найсильніший

• Застосунки, де Gemini — основна функція, а ключ зберігається на сервері.
• Стеки навколо Google: Firebase, вхід через Google, дані Workspace, Maps.
• Розробники, яким потрібен швидкий прототип, який потім синхронізують з GitHub і продовжують розвивати.
• Експерименти з нативним Android, які переглядаються в браузері.

Коли переходити на конструктор з базою даних і хостингом

AI Studio — сильний інструмент, і для багатьох проєктів його достатньо. Варто розглянути повноцінний конструктор ШІ-застосунків, коли:

• Потрібна реляційна база даних. Firestore — це документна база даних. Якщо в застосунку є клієнти, замовлення та рахунки, пов’язані між собою, PostgreSQL може бути простішим для розуміння. Наш посібник Supabase проти Firebase пояснює різницю.
• Ви не хочете керувати проєктом у Google Cloud. Розгортання в Cloud Run означає обліковий запис Cloud, оплату і його налаштування. Деякі люди воліють опублікувати все одним кліком і мати хостинг включеним.
• Хочете, щоб хостинг, базу даних і сховище оплачувалися з одного рахунку. На Mythex вони оплачуються з місячних кредитів Cloud, включених у тариф.
• Потрібні і iPhone, і Android. На Mythex Pro опублікований застосунок можна перетворити на Android-застосунок, який завантажується в Google Play, і на iPhone-застосунок, надісланий у TestFlight з вашим ключем App Store Connect, без Mac. (Це відкриває ваш опублікований застосунок; це не нативний код на Swift чи Kotlin.)
• ШІ не є головним у застосунку. Система бронювання чи клієнтський кабінет не потребують Gemini в основі, і універсальний конструктор може підійти природніше.
• Хочете власний домен без налаштування сервісів Cloud.

Mythex працює так: опишіть застосунок у чаті будь-якою мовою, і він побудує справжній повноцінний застосунок з живим попереднім переглядом, підключить базу даних PostgreSQL і сховище файлів та опублікує його за одним кліком за публічною адресою. Безкоштовний тариф не вимагає картки і включає публікацію; Pro коштує 25 USD на місяць і додає редагування коду, експорт, GitHub, власні домени та застосунки для телефону. Дивіться сторінку конструктора ШІ-застосунків.

У будь-якому разі код залишається вашим: з AI Studio — через GitHub або ZIP, з Mythex — через експорт і GitHub на Pro. Ширший огляд варіантів дивіться в найкращих інструментах для вайб-кодингу і ChatGPT проти Claude проти Gemini для створення застосунків.

Як користуватися Google AI Studio (коротко)

1. Увійдіть на aistudio.google.com з обліковим записом Google.
2. У Playground оберіть модель, введіть запит і натисніть Run. У Run settings можна змінювати параметри та функції.
3. Щоб використовувати Gemini у власному застосунку, створіть ключ у Get API key і збережіть його в змінних середовища на сервері.
4. Щоб створити застосунок, відкрийте режим Build і опишіть словами, що хочете створити. Уточнюйте його в чаті або в режимі анотацій, дивлячись на попередній перегляд.
5. Коли все готово, розгорніть його в Cloud Run, синхронізуйте з GitHub або завантажте ZIP-архів.

Якщо ви хочете керувати базою даних, хостингом, власним доменом і застосунками для iPhone та Android в одному місці, варто розглянути і такий повноцінний ШІ-конструктор, як Mythex.

Запитання