Så använder du Google AI Studio: Playground, Build mode och vibe coding med Gemini

För att använda Google AI Studio loggar du in på aistudio.google.com med ett Google-konto, testar prompts mot Gemini-modeller i Playground och klickar på Get API key när du vill anropa Gemini från din egen kod. För att vibe coda en app öppnar du Build mode, beskriver appen i ett prompt, och Gemini genererar den med en liveförhandsvisning som du förfinar genom att chatta. Sedan kan du distribuera den till Cloud Run, synkronisera den med GitHub eller ladda ner koden.

Den här guiden går igenom varje del så som Google dokumenterar den när texten skrivs (november 2026), och tar sedan upp var AI Studio är starkast och när en byggare med egen databas och hosting är det bättre valet. Google uppdaterar AI Studio ofta, så kontrollera deras dokumentation för de senaste namnen och gränserna.

Vad Google AI Studio är

AI Studio är Googles webbarbetsyta för att bygga med Gemini. Den vänder sig till två typer av användare:

• Utvecklare som vill prova Gemini-modeller, finjustera ett prompt och kopiera fungerande kod till sitt eget projekt.
• Byggare som vill beskriva en app och låta Gemini skriva den, med Build mode.

Google anger att användningen av AI Studio är kostnadsfri i de regioner där den erbjuds, med begränsad gratis åtkomst till vissa modeller. Betalda API-nivåer, vissa modeller, tung förankring med Google-sökning och hosting i Google Cloud faktureras separat.

Del 1: Playground

Playground öppnas som standard med en ny chattprompt. Det är här du testar vad en modell kan göra innan du bygger något.

1. Välj en modell och skriv ett meddelande i inmatningsrutan, klicka sedan på Run.
2. Öppna Run settings (reglageikonen uppe till höger) för att ändra modellparametrar och säkerhetsinställningar, och för att aktivera strukturerad utdata, funktionsanrop, kodkörning eller förankring.
3. Lägg till System Instructions för att ange modellens roll och ton, till exempel: "Du är en vänlig assistent för ett bageri. Svara i två meningar och föreslå en produkt."
4. Klicka på Get code för att göra om prompten och inställningarna till kod på det språk du föredrar.

Vid sidan av chatt erbjuder Playground andra typer av prompts, till exempel realtidsströmning och videogenerering.

Skaffa en API-nyckel

När du vill ha Gemini i din egen app skapar du en nyckel på sidan Get API key (aistudio.google.com/apikey). Behandla den som ett lösenord: förvara den i din servers miljövariabler eller hemligheter, aldrig i kod som körs i en besökares webbläsare. Vår guide om hur du håller API-nycklar säkra förklarar varför.

Del 2: Vibe coding i Build mode

Build mode är där "vibe coding med Gemini" sker. Du beskriver en app, och AI Studios agent skriver koden och visar resultatet bredvid.

Starta ett projekt

Du har flera sätt att börja:

• Skriv ett prompt som beskriver appen.
• Tryck på I'm Feeling Lucky för en genererad idé.
• Remixa en app från App Gallery med Copy App.
• Importera från GitHub via menyn Add files.

Du kan lägga till AI Chips för att hämta funktioner som bildgenerering eller kartdata, och diktera prompts med tal-till-text.

Vad den bygger

Enligt Googles dokumentation:

• Webbappar som standard: en React-frontend plus en Node.js-server, så att API-anrop kan stanna på servern, npm-paket installeras automatiskt och appen kan ansluta till databaser.
• Native Android-appar i Kotlin och Jetpack Compose, som du kan förhandsgranska i en emulator i webbläsaren, installera via ADB och publicera till Google Play för intern testning.
• Firebase-konfiguration gjord åt dig: Firestore för data och Firebase Authentication med Logga in med Google.
• Google Workspace-integrationer som Gmail, Sheets, Docs, Drive och Kalender.

Ett första prompt

Bygg en receptapp. Jag klistrar in ett recept eller en länk, och Gemini förvandlar det till ett rent kort med ingredienser, steg och tillagningstid. Jag kan spara recept, söka i dem och skala ingredienserna för ett annat antal portioner. Låt mig logga in med Google så att mina recept sparas på mitt konto.

Detta utnyttjar AI Studios styrkor: Gemini är en del av funktionen, inloggningen sker med Google och lagringen sker i Firebase.

Förfina appen

• Chatta med agenten: "Lägg till en inköpslista som kombinerar ingredienser från de recept jag bockar av."
• Annoteringsläge: markera en del av appens skärm och beskriv ändringen du vill ha där. Det går snabbare än att beskriva vilken knapp du menar.
• Fliken Code: visa den genererade koden och redigera den direkt om du vill.

Googles dokumentation säger att Build mode behåller Gemini API-nyckeln som en hemlighet på servern (GEMINI_API_KEY, synlig i panelen Secrets) i stället för att lägga den i klientkod. Android-appar använder Firebase AI Logic och App Check i stället för en nyckel.

Dela och distribuera

• Delning: appar är privata som standard. Personer du delar med kan visa och forka koden, och de med redigeringsrättigheter kan ändra den. Gemini-anrop som görs av personer som använder din delade app räknas mot din användning, och AI Studio varnar dig innan du delar om kostnaderna sannolikt blir höga.
• Cloud Run: distribuera från AI Studio som en skalbar tjänst. Priser för Google Cloud kan gälla.
• GitHub: tvåvägssynk med ett arkiv, med en konfliktvy när båda sidor har ändrats.
• ZIP-nedladdning: ta koden vart du vill. Du ställer in API-nyckeln på din egen värd.

Tips för bättre resultat i Build mode

• Börja med vad Gemini gör i appen. Build mode är som bäst när AI:n är funktionen: sammanfatta, extrahera, generera bilder, besvara frågor om ett dokument.
• Säg vad som sparas och för vem. "Varje användares recept är privata för dem" är en regel som är värd att ange från början.
• Ändra en sak per meddelande och testa i förhandsvisningen innan nästa.
• Granska Firebase-säkerhetsreglerna innan riktiga användare kommer. Att appen fungerar för dig betyder inte att andra användare inte kan läsa dina data. Fråga: "Visa mig Firestore-reglerna och förklara vem som kan läsa och skriva i varje samling."

För fler prompts som fungerar i vilket verktyg som helst, se vårt cheat sheet med vibe coding-prompts.

Där Google AI Studio är starkast

• Appar där Gemini är kärnfunktionen, med nyckeln hållen på servern.
• Google-centrerade stackar: Firebase, Logga in med Google, Workspace-data, Maps.
• Utvecklare som vill ha en snabb prototyp som de sedan synkar med GitHub och fortsätter bygga.
• Native Android-experiment, förhandsgranskade i webbläsaren.

När du bör gå över till en byggare med databas och hosting

AI Studio är ett starkt verktyg, och för många projekt räcker det. Det är värt att överväga en fullstack-appbyggare för AI när:

• Du vill ha en relationsdatabas. Firestore är en dokumentdatabas. Om din app har kunder, beställningar och fakturor med relationer mellan dem kan en Postgres-databas vara enklare att resonera kring. Vår guide Supabase vs Firebase förklarar skillnaden.
• Du inte vill hantera ett Google Cloud-projekt. Att distribuera till Cloud Run innebär ett Cloud-konto, fakturering och dess inställningar. Vissa vill hellre publicera med ett klick och få hosting inkluderad.
• Du vill ha hosting, databas och lagring på en och samma räkning. På Mythex betalas dessa från månatliga Cloud-krediter som ingår i paketet.
• Du behöver iPhone lika mycket som Android. På Mythex Pro kan en publicerad app bli en Android-app som du laddar upp till Google Play och en iPhone-app som skickas till TestFlight med din egen App Store Connect-nyckel, utan Mac. (Dessa öppnar din publicerade app; de är inte native Swift- eller Kotlin-kod.)
• AI:n inte är poängen med appen. Ett bokningssystem eller en kundportal behöver inte Gemini i centrum, och en generell byggare kan passa bättre.
• Du vill ha en egen domän utan att konfigurera Cloud-tjänster.

Så här fungerar Mythex: beskriv appen i chatten, på vilket språk som helst, så bygger den en riktig fullstack-app med liveförhandsvisning, kopplar en Postgres-databas och fillagring och publicerar till en publik URL med ett klick. Gratisplanen kräver inget kort och inkluderar publicering; Pro kostar 25 USD i månaden och lägger till kodredigering, export, GitHub, egna domäner och telefonappar. Se sidan AI-appbyggare.

I båda fallen är koden din att ta med dig: AI Studio via GitHub eller ZIP, Mythex via export och GitHub på Pro. För en bredare bild av alternativen, se de bästa verktygen för vibe coding och ChatGPT vs Claude vs Gemini för att bygga appar.

Så använder du Google AI Studio (i korthet)

1. Logga in på aistudio.google.com med ett Google-konto.
2. Välj en modell i Playground, skriv ett prompt och tryck på Run. Under Run settings byter du parametrar och funktioner.
3. När du vill använda Gemini i din egen app skapar du en nyckel med Get API key och sparar den i serverns miljövariabler.
4. Om du vill bygga en app öppnar du Build mode och beskriver appen du vill ha med ord. Förfina den med chatt eller annoteringsläge medan du följer förhandsvisningen.
5. När den är klar distribuerar du till Cloud Run, synkar med GitHub eller laddar ner den som ZIP.

Om du vill ha databas, hosting, egen domän och iPhone- och Android-appar på ett ställe kan en fullstack-AI-appbyggare som Mythex också vara ett alternativ.

Frågor