Kako koristiti Google AI Studio: Playground, Build mode i vibe coding s Geminijem

Za korištenje Google AI Studija prijavite se na aistudio.google.com s Google računom, isprobajte upite na Gemini modelima u Playgroundu i kliknite Get API key kada želite pozivati Gemini iz vlastitog koda. Za vibe coding aplikacije otvorite Build mode, opišite aplikaciju u upitu, a Gemini će je generirati uz živi pregled koji doradite chatom. Zatim je možete deployati na Cloud Run, sinkronizirati s GitHubom ili preuzeti kod.

Ovaj vodič prolazi kroz svaki dio onako kako ga Google dokumentira u vrijeme pisanja (studeni 2026.), a zatim pokriva gdje je AI Studio najjači i kada je bolji izbor alat s vlastitom bazom podataka i hostingom. Google često ažurira AI Studio, pa provjerite njegovu dokumentaciju za najnovije nazive i ograničenja.

Što je Google AI Studio

AI Studio je Googleov radni prostor u pregledniku za izradu s Geminijem. Namijenjen je dvjema vrstama ljudi:

• Developerima koji žele isprobati Gemini modele, doraditi upit i kopirati radni kod u vlastiti projekt.
• Graditeljima koji žele opisati aplikaciju i dati Geminiju da je napiše, koristeći Build mode.

Google navodi da je korištenje AI Studija besplatno u regijama u kojima je dostupan, uz ograničen besplatan pristup određenim modelima. Plaćene API razine, neki modeli, intenzivno uzemljenje pretraživanjem Googlea i hosting na Google Cloudu naplaćuju se posebno.

Dio 1: Playground

Playground se po defaultu otvara s novim chat upitom. Tu testirate što model može prije nego išta gradite.

1. Odaberite model i upišite poruku u polje za unos, zatim kliknite Run.
2. Otvorite Run settings (ikona podešavanja gore desno) da promijenite parametre modela i sigurnosne postavke te uključite strukturirani izlaz, pozivanje funkcija, izvršavanje koda ili uzemljenje.
3. Dodajte System Instructions da postavite ulogu i ton modela, primjerice: „Ti si prijateljski asistent za pekaru. Odgovaraj u dvije rečenice i predloži jedan proizvod.“
4. Kliknite Get code da upit i postavke pretvorite u kod na jeziku po vašem izboru.

Osim chata, Playground nudi i druge vrste upita, poput streaminga u stvarnom vremenu i generiranja videa.

Dobivanje API ključa

Kada želite Gemini u vlastitoj aplikaciji, stvorite ključ na stranici Get API key (aistudio.google.com/apikey). S njim postupajte kao s lozinkom: čuvajte ga u varijablama okruženja ili tajnama na poslužitelju, nikada u kodu koji se izvršava u pregledniku posjetitelja. Naš vodič o sigurnom čuvanju API ključeva objašnjava zašto.

Dio 2: Vibe coding u Build modeu

Build mode je mjesto na kojem se događa „vibe coding s Geminijem“. Opišete aplikaciju, a agent AI Studija piše kod i prikazuje rezultat pored njega.

Pokretanje projekta

Imate više načina za početak:

• Upišite upit koji opisuje aplikaciju.
• Pritisnite I'm Feeling Lucky za generiranu ideju.
• Remixajte aplikaciju iz App Gallery pomoću Copy App.
• Uvezite s GitHuba preko izbornika Add files.

Možete dodati AI Chips za značajke poput generiranja slika ili podataka s karata te diktirati upite govorom u tekst.

Što gradi

Prema Googleovoj dokumentaciji:

• Web aplikacije po defaultu: React frontend i Node.js poslužitelj, pa API pozivi mogu ostati na poslužitelju, npm paketi se instaliraju automatski, a aplikacija se može povezati s bazama podataka.
• Nativne Android aplikacije u Kotlinu i Jetpack Composeu, koje možete pregledati u emulatoru u pregledniku, instalirati preko ADB-a i objaviti na Google Playu za interno testiranje.
• Firebase postavke odrađene za vas: Firestore za podatke i Firebase Authentication s prijavom putem Googlea.
• Integracije s Google Workspaceom poput Gmaila, Sheetsa, Docsa, Drivea i Calendara.

Prvi upit

Napravi aplikaciju za recepte. Zalijepim recept ili poveznicu, a Gemini ga pretvori u čistu karticu s sastojcima, koracima i vremenom kuhanja. Mogu spremati recepte, pretraživati ih i prilagoditi količine sastojaka za drugi broj porcija. Neka se mogu prijaviti putem Googlea kako bi se recepti spremali na moj račun.

Ovo ide u prilog snagama AI Studija: Gemini je dio značajke, prijava ide preko Googlea, a pohrana je Firebase.

Doradba aplikacije

• Chat s agentom: „Dodaj popis za kupnju koji spaja sastojke iz recepata koje označim.“
• Annotation mode: označite dio zaslona aplikacije i opišite promjenu koju želite tamo. Brže je nego opisivati o kojem gumbu govorite.
• Kartica Code: pregledajte generirani kod i po želji ga izravno uredite.

Googleova dokumentacija kaže da Build mode čuva Gemini API ključ kao tajnu na poslužitelju (GEMINI_API_KEY, vidljivu u panelu Secrets), a ne u kodu na klijentu. Android aplikacije umjesto ključa koriste Firebase AI Logic i App Check.

Dijeljenje i deployment

• Dijeljenje: aplikacije su po defaultu privatne. Ljudi s kojima dijelite mogu pregledavati i forkati kod, a oni s pravom uređivanja mogu ga mijenjati. Gemini pozivi koje naprave ljudi koji koriste vašu dijeljenu aplikaciju ulaze u vaše korištenje, a AI Studio vas prije dijeljenja upozori ako su troškovi vjerojatni.
• Cloud Run: deployajte iz AI Studija kao skalabilnu uslugu. Može vrijediti cijena Google Clouda.
• GitHub: dvosmjerna sinkronizacija s repozitorijem, s pregledom sukoba kada su se promijenile obje strane.
• Preuzimanje ZIP-a: kod odnesite bilo gdje. API ključ na vlastitom hostu postavljate sami.

Savjeti za bolje rezultate u Build modeu

• Krenite od toga što Gemini radi u aplikaciji. Build mode je najbolji kada je AI sama značajka: sažimanje, izvlačenje podataka, generiranje slika, odgovaranje na pitanja o dokumentu.
• Recite što se sprema i za koga. „Recepti svakog korisnika privatni su samo njemu“ pravilo je koje vrijedi navesti na početku.
• Mijenjajte jednu stvar po poruci i testirajte je u pregledu prije sljedeće.
• Pregledajte Firebase sigurnosna pravila prije nego stignu pravi korisnici. Ako aplikacija radi za vas, to ne znači da drugi korisnici ne mogu čitati vaše podatke. Pitajte: „Pokaži mi Firestore pravila i objasni tko može čitati i pisati u svaku kolekciju.“

Za više upita koji rade u bilo kojem alatu pogledajte naš cheat sheet s vibe coding upitima.

Gdje je Google AI Studio najjači

• Aplikacije u kojima je Gemini glavna značajka, uz ključ čuvan na poslužitelju.
• Stogovi usmjereni na Google: Firebase, prijava putem Googlea, podaci iz Workspacea, Maps.
• Developeri koji žele brzi prototip koji zatim sinkroniziraju s GitHubom i nastavljaju razvijati.
• Eksperimenti s nativnim Androidom, pregledani u pregledniku.

Kada prijeći na alat s bazom podataka i hostingom

AI Studio je snažan alat i za mnoge projekte dovoljan je. Vrijedi razmisliti o full-stack alatu za AI aplikacije kada:

• Želite relacijsku bazu podataka. Firestore je dokumentna baza. Ako vaša aplikacija ima kupce, narudžbe i račune s međusobnim vezama, Postgres baza može biti jednostavnija za razumijevanje. Naš vodič Supabase vs Firebase objašnjava razliku.
• Ne želite upravljati projektom u Google Cloudu. Deployment na Cloud Run znači račun u Cloudu, naplatu i njegove postavke. Neki bi radije objavili jednim klikom uz uključen hosting.
• Želite hosting, bazu i pohranu na jednom računu. Na Mythexu se sve to plaća iz mjesečnih Cloud kredita uključenih u paket.
• Trebate iPhone uz Android. Na Mythex Pro objavljena aplikacija može postati Android aplikacija koju učitavate na Google Play i iPhone aplikacija poslana u TestFlight s vašim App Store Connect ključem, bez Maca. (Te aplikacije otvaraju vašu objavljenu aplikaciju; nisu nativni Swift ni Kotlin kod.)
• AI nije u središtu aplikacije. Sustav za rezervacije ili portal za klijente ne treba Gemini u središtu, pa bi opći alat mogao prirodnije pristajati.
• Želite vlastitu domenu bez konfiguriranja Cloud usluga.

Mythex radi ovako: opišete aplikaciju u chatu, na bilo kojem jeziku, a on izrađuje pravu full-stack aplikaciju s živim pregledom, dodaje Postgres bazu podataka i pohranu datoteka te objavljuje na javnoj URL adresi jednim klikom. Besplatni paket ne traži karticu i uključuje objavu; Pro košta 25 USD mjesečno i dodaje uređivanje koda, izvoz, GitHub, prilagođene domene i aplikacije za telefon. Pogledajte stranicu AI alata za izradu aplikacija.

U svakom slučaju kod je vaš da ga ponesete: AI Studio preko GitHuba ili ZIP-a, Mythex preko izvoza i GitHuba u paketu Pro. Za širi pregled opcija pogledajte najbolje alate za vibe coding i ChatGPT vs Claude vs Gemini za izradu aplikacija.

Google AI Studio: kratki pregled

1. Prijavite se na aistudio.google.com s Google računom.
2. U Playgroundu odaberite model, upišite upit i kliknite Run. U Run settings možete mijenjati parametre i značajke.
3. Kada Gemini koristite iz vlastite aplikacije, stvorite ključ pod Get API key i spremite ga u varijable okruženja na poslužitelju.
4. Ako gradite aplikaciju, otvorite Build mode i opišite aplikaciju riječima. Doradite je chatom ili u načinu označavanja dok pratite pregled.
5. Kada je gotovo, deployajte je na Cloud Run, sinkronizirajte s GitHubom ili preuzmite kao ZIP.

Ako želite upravljati bazom podataka, hostingom, vlastitom domenom te iPhone i Android aplikacijama na jednom mjestu, bez Google Cloud projekta, Mythex kao full-stack AI alat za izradu aplikacija može biti dobar izbor.

Pitanja