Google AI Studio gebruiken: Playground, Build mode en vibe coding met Gemini

Om Google AI Studio te gebruiken log je in op aistudio.google.com met een Google-account, test je prompts met Gemini-modellen in de Playground en klik je op Get API key als je Gemini vanuit je eigen code wilt aanroepen. Om een app te vibe coden open je Build mode, beschrijf je de app in een prompt en genereert Gemini hem met een live preview die je al chattend verfijnt. Daarna kun je hem deployen naar Cloud Run, synchroniseren met GitHub of de code downloaden.

Deze gids loopt elk onderdeel door zoals Google het documenteert op het moment van schrijven (november 2026), en behandelt daarna waar AI Studio het sterkst is en wanneer een builder met een eigen database en hosting beter past. Google werkt AI Studio vaak bij, dus controleer de documentatie voor de nieuwste namen en limieten.

Wat Google AI Studio is

AI Studio is Googles browserwerkplek om met Gemini te bouwen. Het bedient twee soorten mensen:

• Ontwikkelaars die Gemini-modellen willen uitproberen, een prompt willen afstellen en werkende code in hun eigen project willen kopiëren.
• Bouwers die een app willen beschrijven en Gemini hem laten schrijven, met Build mode.

Google geeft aan dat het gebruik van AI Studio gratis is in de regio's waar het wordt aangeboden, met beperkte gratis toegang tot bepaalde modellen. Betaalde API-niveaus, sommige modellen, intensieve grounding met Google Search en hosting op Google Cloud worden apart gefactureerd.

Deel 1: De Playground

De Playground opent standaard met een nieuwe chatprompt. Hier test je wat een model kan voordat je iets bouwt.

1. Kies een model en typ een bericht in het invoervak, en klik dan op Run.
2. Open Run settings (het afstelicoon rechtsboven) om modelparameters en veiligheidsinstellingen te wijzigen en om gestructureerde uitvoer, function calling, code-uitvoering of grounding in te schakelen.
3. Voeg System Instructions toe om de rol en toon van het model vast te leggen, bijvoorbeeld: "Je bent een vriendelijke assistent voor een bakkerij. Antwoord in twee zinnen en stel één product voor."
4. Klik op Get code om de prompt en instellingen om te zetten in code in je favoriete taal.

Naast chat biedt de Playground andere soorten prompts, zoals realtime streaming en videogeneratie.

Een API-sleutel krijgen

Wil je Gemini in je eigen app gebruiken, maak dan een sleutel aan op de pagina Get API key (aistudio.google.com/apikey). Behandel hem als een wachtwoord: bewaar hem in de omgevingsvariabelen of secrets van je server, nooit in code die in de browser van een bezoeker draait. Onze gids over API-sleutels veilig houden legt uit waarom.

Deel 2: Vibe coding in Build mode

In Build mode gebeurt "vibe coding met Gemini". Je beschrijft een app, de agent van AI Studio schrijft de code en toont het resultaat ernaast.

Een project starten

Je hebt meerdere ingangen:

• Typ een prompt die de app beschrijft.
• Druk op I'm Feeling Lucky voor een gegenereerd idee.
• Remix een app uit de App Gallery met Copy App.
• Importeer vanuit GitHub via het menu Add files.

Je kunt AI Chips toevoegen om functies zoals beeldgeneratie of Maps-gegevens binnen te halen, en prompts dicteren met spraak-naar-tekst.

Wat het bouwt

Volgens Googles documentatie:

• Standaard webapps: een React-frontend plus een Node.js-server, zodat API-aanroepen op de server kunnen blijven, npm-pakketten automatisch worden geïnstalleerd en de app verbinding kan maken met databases.
• Native Android-apps in Kotlin en Jetpack Compose, die je in een browseremulator kunt bekijken, via ADB kunt installeren en in Google Play kunt publiceren voor interne tests.
• Firebase-configuratie die voor je wordt gedaan: Firestore voor gegevens en Firebase Authentication met Sign in with Google.
• Google Workspace-integraties zoals Gmail, Sheets, Docs, Drive en Calendar.

Een eerste prompt

Bouw een receptenapp. Ik plak een recept of een link, en Gemini verandert het in een nette kaart met ingrediënten, stappen en bereidingstijd. Ik kan recepten opslaan, doorzoeken en ingrediënten omrekenen voor een ander aantal porties. Laat me inloggen met Google zodat mijn recepten in mijn account worden bewaard.

Dit speelt in op de sterke punten van AI Studio: Gemini is onderdeel van de functie, inloggen gaat via Google en opslag is Firebase.

De app verfijnen

• Chat met de agent: "Voeg een boodschappenlijst toe die de ingrediënten combineert van de recepten die ik aanvink."
• Annotation mode: markeer een deel van het scherm van de app en beschrijf de wijziging die je daar wilt. Dat gaat sneller dan beschrijven welke knop je bedoelt.
• Tabblad Code: bekijk de gegenereerde code en bewerk hem direct als je dat wilt.

Googles documentatie zegt dat Build mode de Gemini API-sleutel als serverside secret bewaart (GEMINI_API_KEY, zichtbaar in het paneel Secrets) in plaats van in clientcode. Android-apps gebruiken in plaats van een sleutel Firebase AI Logic en App Check.

Delen en deployen

• Delen: apps zijn standaard privé. Mensen met wie je deelt kunnen de code bekijken en forken, en wie bewerkrechten heeft kan hem wijzigen. Gemini-aanroepen van mensen die je gedeelde app gebruiken tellen mee voor jouw gebruik, en AI Studio waarschuwt je vóór het delen als kosten waarschijnlijk zijn.
• Cloud Run: deploy vanuit AI Studio als schaalbare service. Er kunnen Google Cloud-tarieven gelden.
• GitHub: tweerichtingssynchronisatie met een repository, met een conflictweergave als beide kanten zijn gewijzigd.
• ZIP-download: neem de code overal mee naartoe. De API-sleutel stel je in op je eigen host.

Tips voor betere resultaten in Build mode

• Begin met wat Gemini in de app doet. Build mode is op zijn best als de AI de functie is: samenvatten, gegevens extraheren, afbeeldingen genereren, vragen over een document beantwoorden.
• Zeg wat er wordt opgeslagen en voor wie. "De recepten van elke gebruiker zijn alleen voor hem of haar zichtbaar" is een regel die je vooraf moet noemen.
• Wijzig één ding per bericht en test het in de preview voor het volgende.
• Controleer de Firebase-beveiligingsregels voordat echte gebruikers komen. Dat de app voor jou werkt, betekent niet dat andere gebruikers je gegevens niet kunnen lezen. Vraag: "Laat me de Firestore-regels zien en leg uit wie elke collectie mag lezen en schrijven."

Voor meer prompts die in elke tool werken, zie onze spiekbrief met vibe coding-prompts.

Waar Google AI Studio het sterkst is

• Apps waarin Gemini de kernfunctie is, met de sleutel op de server.
• Op Google gerichte stacks: Firebase, Sign in with Google, Workspace-gegevens, Maps.
• Ontwikkelaars die snel een prototype willen dat ze daarna met GitHub synchroniseren en verder bouwen.
• Native Android-experimenten, bekeken in de browser.

Wanneer overstappen op een builder met database en hosting

AI Studio is een sterke tool en voor veel projecten is het genoeg. Een full-stack AI-appbuilder is het overwegen waard als:

• Je een relationele database wilt. Firestore is een documentdatabase. Heeft je app klanten, bestellingen en facturen met onderlinge relaties, dan kan een Postgres-database eenvoudiger te doorgronden zijn. Onze gids Supabase vs Firebase legt het verschil uit.
• Je geen Google Cloud-project wilt beheren. Deployen naar Cloud Run betekent een Cloud-account, facturering en bijbehorende instellingen. Sommige mensen publiceren liever met één klik met hosting inbegrepen.
• Je hosting, database en opslag op één rekening wilt. Bij Mythex worden die betaald uit maandelijkse Cloud-tegoeden die bij het abonnement zitten.
• Je naast Android ook iPhone nodig hebt. Met Mythex Pro kan een gepubliceerde app een Android-app worden die je naar Google Play uploadt en een iPhone-app die met je eigen App Store Connect-sleutel naar TestFlight gaat, zonder Mac. (Die openen je gepubliceerde app; het is geen native Swift- of Kotlin-code.)
• De AI niet het punt van de app is. Een boekingssysteem of klantenportaal heeft Gemini niet als kern nodig, en een algemene builder kan natuurlijker passen.
• Je een eigen domein wilt zonder Cloud-diensten te configureren.

Zo werkt Mythex: beschrijf de app in de chat, in elke taal, en Mythex bouwt een echte full-stack app met live preview, koppelt een Postgres-database en bestandsopslag en publiceert met één klik naar een openbare URL. Het Free-abonnement heeft geen kaart nodig en omvat publiceren; Pro kost $25 per maand en voegt code bewerken, export, GitHub, eigen domeinen en telefoon-apps toe. Zie de pagina AI-appbuilder.

In beide gevallen kun je de code meenemen: bij AI Studio via GitHub of ZIP, bij Mythex via export en GitHub op Pro. Voor een bredere kijk op de opties zie je de beste vibe coding-tools en ChatGPT vs Claude vs Gemini om apps te bouwen.

Google AI Studio gebruiken (de kern)

1. Log in op aistudio.google.com met een Google-account.
2. Kies in de Playground een model, typ een prompt en druk op Run. Met Run settings schakel je parameters en functies om.
3. Wil je Gemini vanuit je eigen app gebruiken, maak dan met Get API key een sleutel aan en bewaar die in een omgevingsvariabele op de server.
4. Wil je een app bouwen, open dan Build mode en beschrijf de gewenste app in tekst. Verfijn hem met chat of annotation mode terwijl je de preview bekijkt.
5. Als hij klaar is, deploy je naar Cloud Run, synchroniseer je met GitHub of download je een ZIP.

Wil je database, hosting, een eigen domein en iPhone- en Android-apps op één plek beheren, dan is een full-stack AI-appbuilder zoals Mythex ook een optie.

Veelgestelde vragen