Kako koristiti Google AI Studio: Playground, Build mode i vibe coding sa Gemini-jem

Da biste koristili Google AI Studio, prijavite se na aistudio.google.com Google računom, isprobajte promptove na Gemini modelima u Playground-u i kliknite Get API key kada želite pozivati Gemini iz vlastitog koda. Za vibe coding aplikacije otvorite Build mode, opišite aplikaciju u promptu, a Gemini će je generisati uz živi pregled koji dorađujete chatom. Zatim je možete objaviti na Cloud Run, sinhronizovati s GitHubom ili preuzeti kod.

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

Šta je Google AI Studio

AI Studio je Googleov browser radni prostor za razvoj s Gemini-jem. Namijenjen je dvjema vrstama korisnika:

• Developerima koji žele isprobati Gemini modele, podesiti prompt i prenijeti radni kod u vlastiti projekat.
• Graditeljima koji žele opisati aplikaciju i da je Gemini 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ćeni API planovi, neki modeli, intenzivno pretraživanje Google Searcha i hosting na Google Cloudu naplaćuju se posebno.

Dio 1: Playground

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

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

Osim chata, Playground nudi i druge tipove promptova, poput realtime streaminga i generisanja videa.

Dobijanje API ključa

Kada želite Gemini u vlastitoj aplikaciji, napravite ključ na stranici Get API key (aistudio.google.com/apikey). Tretirajte ga kao lozinku: držite ga u varijablama okruženja ili tajnama na serveru, nikada u kodu koji se izvršava u pregledaču posjetioca. Naš vodič o čuvanju API ključeva objašnjava zašto.

Dio 2: Vibe coding u Build mode-u

Build mode je mjesto gdje se događa „vibe coding sa Gemini-jem“. Opišete aplikaciju, a agent AI Studija piše kod i prikazuje rezultat pored njega.

Pokretanje projekta

Imate nekoliko načina da počnete:

• Upišite prompt koji opisuje aplikaciju.
• Pritisnite I'm Feeling Lucky za generisanu ideju.
• Remiksujte aplikaciju iz App Gallery pomoću Copy App.
• Uvezite s GitHuba preko menija Add files.

Možete dodati AI Chips za funkcije poput generisanja slika ili Maps podataka, a prompte diktirati govorom pretvorenim u tekst.

Šta gradi

Prema Googleovoj dokumentaciji:

• Web aplikacije po defaultu: React frontend i Node.js server, pa API pozivi mogu ostati na serveru, npm paketi se instaliraju automatski, a aplikacija se može povezati s bazama podataka.
• Native Android aplikacije u Kotlinu i Jetpack Compose, koje možete pregledati u emulatoru u pregledaču, instalirati preko ADB-a i objaviti na Google Play za interno testiranje.
• Firebase postavka urađena za vas: Firestore za podatke i Firebase Authentication sa prijavom putem Google računa.
• Integracije s Google Workspaceom poput Gmaila, Sheets-a, Docs-a, Drive-a i Calendara.

Prvi prompt

Napravi aplikaciju za recepte. Nalijepim recept ili link, a Gemini ga pretvori u čistu karticu sa sastojcima, koracima i vremenom kuvanja. Mogu sačuvati recepte, pretraživati ih i prilagoditi sastojke za drugi broj porcija. Neka se prijavim Google računom da se moji recepti spremaju na moj nalog.

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

Dorada aplikacije

• Chat s agentom: „Dodaj listu za kupovinu koja kombinuje sastojke iz recepata koje označim.“
• Annotation mode: označite dio ekrana aplikacije i opišite promjenu koju želite tamo. Brže je nego opisivati koje dugme mislite.
• Code tab: pregledajte generisani kod i uredite ga direktno ako želite.

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

Dijeljenje i objava

• Dijeljenje: aplikacije su po defaultu privatne. Ljudi s kojima dijelite mogu pregledati i forkovati kod, a oni s pravom uređivanja mogu ga mijenjati. Gemini pozivi koje naprave ljudi koji koriste vašu dijeljenu aplikaciju broje se u vašu potrošnju, a AI Studio vas upozorava prije dijeljenja ako su troškovi vjerovatni.
• Cloud Run: objavite iz AI Studija kao skalabilan servis. Mogu se primijeniti cijene Google Clouda.
• GitHub: dvosmjerna sinhronizacija s repozitorijem, s prikazom konflikta kada su se promijenile obje strane.
• ZIP preuzimanje: odnesite kod bilo gdje. Na svom hostu ćete sami postaviti API ključ.

Savjeti za bolje rezultate u Build mode-u

• Počnite s onim što Gemini radi u aplikaciji. Build mode je najbolji kada je AI sama funkcija: sažimanje, izvlačenje podataka, generisanje slika, odgovaranje na pitanja o dokumentu.
• Recite šta se čuva i za koga. „Recepti svakog korisnika su privatni za njega“ je pravilo koje vrijedi navesti odmah.
• Mijenjajte jednu stvar po poruci i testirajte je u pregledu prije sljedeće.
• Pregledajte Firebase sigurnosna pravila prije nego što stignu pravi korisnici. To što aplikacija radi za vas ne znači da drugi korisnici ne mogu čitati vaše podatke. Pitajte: „Pokaži mi Firestore pravila i objasni ko može čitati i pisati u svaku kolekciju.“

Za još promptova koji rade u bilo kojem alatu, pogledajte naš cheat sheet s vibe coding promptovima.

Gdje je Google AI Studio najjači

• Aplikacije u kojima je Gemini glavna funkcija, s ključem čuvanim na serveru.
• Stekovi usmjereni na Google: Firebase, prijava Google računom, podaci iz Workspacea, Maps.
• Developeri koji žele brz prototip pa ga sinhronizuju s GitHubom i nastavljaju razvijati.
• Eksperimenti s native Android aplikacijama, pregledani u pregledaču.

Kada preći na builder s bazom i hostingom

AI Studio je jak alat i za mnoge projekte je dovoljan. Vrijedi razmisliti o full-stack AI builderu kada:

• Želite relacionu bazu. Firestore je dokument baza. Ako vaša aplikacija ima kupce, narudžbe i fakture s međusobnim vezama, Postgres baza je jednostavnija za razumijevanje. Naš vodič Supabase vs Firebase objašnjava razliku.
• Ne želite upravljati Google Cloud projektom. Deploy na Cloud Run znači Cloud nalog, 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 ovo plaća iz mjesečnih Cloud kredita uključenih u plan.
• Trebate iPhone uz Android. Na Mythex Pro planu objavljena aplikacija može postati Android aplikacija koju uploadujete na Google Play i iPhone aplikacija poslana na TestFlight s vašim App Store Connect ključem, bez Maca. (Ovo otvara vašu objavljenu aplikaciju; nije to nativni Swift ni Kotlin kod.)
• AI nije centar aplikacije. Sistem za rezervacije ili portal za klijente ne treba Gemini u svom središtu, pa opšti builder može bolje odgovarati.
• Želite vlastiti domen bez konfigurisanja Cloud servisa.

Mythex radi ovako: opišete aplikaciju u chatu, na bilo kojem jeziku, a on izgradi pravu full-stack aplikaciju sa živim pregledom, priključi Postgres bazu i pohranu fajlova te je objavi na javni URL jednim klikom. Free plan ne traži karticu i uključuje objavu; Pro košta $25 mjesečno i dodaje uređivanje koda, izvoz, GitHub, prilagođene domene i aplikacije za telefon. Pogledajte stranicu AI app builder.

U oba slučaja kod je vaš da ga ponesete: s AI Studiom kroz GitHub ili ZIP, a s Mythexom kroz izvoz i GitHub na Pro planu. Za širi pregled pogledajte najbolje alate za vibe coding i ChatGPT vs Claude vs Gemini za pravljenje aplikacija.

Kako koristiti Google AI Studio (ukratko)

1. Prijavite se na aistudio.google.com Google računom.
2. U Playground-u odaberite model, upišite prompt i kliknite Run. Run settings omogućava promjenu parametara i funkcija.
3. Kada Gemini koristite iz svoje aplikacije, napravite ključ u Get API key i sačuvajte ga u varijablama okruženja na serveru.
4. Ako pravite aplikaciju, otvorite Build mode i opišite je riječima. Dorađujte je u pregledu uz chat ili annotation mode.
5. Kada je gotovo, objavite na Cloud Run, sinhronizujte s GitHubom ili preuzmite ZIP.

Ako želite bazu podataka, hosting, vlastiti domen i iPhone i Android aplikacije na jednom mjestu, full-stack AI builder poput Mythexa također može biti dobra opcija.

Pitanja