Google AI Studio nutzen: Playground, Build-Modus und Vibe Coding mit Gemini

Um Google AI Studio zu nutzen, meldest du dich auf aistudio.google.com mit einem Google-Konto an, testest Prompts im Playground gegen Gemini-Modelle und klickst auf Get API key, wenn du Gemini aus deinem eigenen Code aufrufen willst. Für Vibe Coding einer App öffnest du den Build-Modus, beschreibst die App in einem Prompt, und Gemini erzeugt sie mit einer Live-Vorschau, die du im Chat verfeinerst. Danach kannst du sie auf Cloud Run bereitstellen, mit GitHub synchronisieren oder den Code herunterladen.

Diese Anleitung geht jeden Teil so durch, wie Google ihn zum Zeitpunkt des Schreibens (November 2026) dokumentiert, und zeigt dann, wo AI Studio am stärksten ist und wann ein Builder mit eigener Datenbank und eigenem Hosting besser passt. Google aktualisiert AI Studio oft, prüfe also in der Dokumentation die aktuellen Namen und Limits.

Was Google AI Studio ist

AI Studio ist Googles Browser-Arbeitsbereich zum Entwickeln mit Gemini. Es richtet sich an zwei Gruppen:

• Entwickler, die Gemini-Modelle ausprobieren, einen Prompt abstimmen und funktionierenden Code in ihr eigenes Projekt kopieren wollen.
• Builder, die eine App beschreiben und von Gemini schreiben lassen wollen, mit dem Build-Modus.

Google erklärt, dass die Nutzung von AI Studio in den Regionen, in denen es angeboten wird, kostenlos ist, mit begrenztem kostenlosem Zugang zu bestimmten Modellen. Kostenpflichtige API-Stufen, einige Modelle, intensives Grounding mit der Google-Suche und Hosting auf Google Cloud werden separat abgerechnet.

Teil 1: Der Playground

Der Playground öffnet standardmäßig mit einem neuen Chat-Prompt. Hier testest du, was ein Modell kann, bevor du etwas baust.

1. Wähle ein Modell und tippe eine Nachricht in das Eingabefeld, dann klicke auf Run.
2. Öffne die Run settings (das Regler-Symbol oben rechts), um Modellparameter und Sicherheitseinstellungen zu ändern und strukturierte Ausgabe, Function Calling, Codeausführung oder Grounding einzuschalten.
3. Füge System Instructions hinzu, um Rolle und Ton des Modells festzulegen, zum Beispiel: „Du bist ein freundlicher Assistent für eine Bäckerei. Antworte in zwei Sätzen und empfiehl ein Produkt.“
4. Klicke auf Get code, um Prompt und Einstellungen in Code in deiner bevorzugten Sprache zu verwandeln.

Neben dem Chat bietet der Playground weitere Prompt-Typen wie Echtzeit-Streaming und Videoerzeugung.

Einen API-Key holen

Wenn du Gemini in deiner eigenen App nutzen willst, erstelle einen Key auf der Seite Get API key (aistudio.google.com/apikey). Behandle ihn wie ein Passwort: Bewahre ihn in den Umgebungsvariablen oder Secrets deines Servers auf, niemals in Code, der im Browser eines Besuchers läuft. Unser Leitfaden zu API-Keys sicher aufbewahren erklärt, warum.

Teil 2: Vibe Coding im Build-Modus

Im Build-Modus passiert „Vibe Coding mit Gemini“. Du beschreibst eine App, der Agent von AI Studio schreibt den Code und zeigt das Ergebnis daneben.

Ein Projekt starten

Es gibt mehrere Einstiege:

• Tippe einen Prompt, der die App beschreibt.
• Drücke I'm Feeling Lucky für eine generierte Idee.
• Remixe eine App aus der App Gallery mit Copy App.
• Importiere von GitHub über das Menü Add files.

Du kannst AI Chips hinzufügen, um Funktionen wie Bilderzeugung oder Maps-Daten einzubinden, und Prompts per Spracherkennung diktieren.

Was gebaut wird

Laut Googles Dokumentation:

• Standardmäßig Web-Apps: ein React-Frontend plus ein Node.js-Server, sodass API-Aufrufe auf dem Server bleiben können, npm-Pakete automatisch installiert werden und die App sich mit Datenbanken verbinden kann.
• Native Android-Apps in Kotlin und Jetpack Compose, die du in einem Browser-Emulator ansehen, per ADB installieren und in Google Play für interne Tests veröffentlichen kannst.
• Firebase-Einrichtung wird für dich erledigt: Firestore für Daten und Firebase Authentication mit „Mit Google anmelden“.
• Google-Workspace-Integrationen wie Gmail, Sheets, Docs, Drive und Calendar.

Ein erster Prompt

Baue eine Rezept-App. Ich füge ein Rezept oder einen Link ein, und Gemini macht daraus eine saubere Karte mit Zutaten, Schritten und Kochzeit. Ich kann Rezepte speichern, durchsuchen und die Zutaten für eine andere Portionszahl umrechnen. Lass mich mich mit Google anmelden, damit meine Rezepte in meinem Konto gespeichert werden.

Das spielt AI Studios Stärken aus: Gemini ist Teil der Funktion, die Anmeldung läuft über Google, und der Speicher ist Firebase.

Die App verfeinern

• Chatte mit dem Agenten: „Füge eine Einkaufsliste hinzu, die die Zutaten der Rezepte kombiniert, die ich abhake.“
• Annotation-Modus: Markiere einen Teil des App-Bildschirms und beschreibe die gewünschte Änderung dort. Das geht schneller, als zu beschreiben, welchen Button du meinst.
• Code-Tab: Sieh dir den erzeugten Code an und bearbeite ihn direkt, wenn du möchtest.

Googles Dokumentation zufolge hält der Build-Modus den Gemini-API-Key als serverseitiges Secret (GEMINI_API_KEY, sichtbar im Secrets-Panel) und legt ihn nicht in Client-Code. Android-Apps nutzen stattdessen Firebase AI Logic und App Check statt eines Keys.

Teilen und Bereitstellen

• Teilen: Apps sind standardmäßig privat. Personen, mit denen du teilst, können den Code ansehen und forken, und wer Bearbeitungsrechte hat, kann ihn ändern. Gemini-Aufrufe von Leuten, die deine geteilte App nutzen, zählen auf deine Nutzung, und AI Studio warnt dich vor dem Teilen, wenn Kosten wahrscheinlich sind.
• Cloud Run: Stelle aus AI Studio als skalierbaren Dienst bereit. Es können Google-Cloud-Preise anfallen.
• GitHub: Zwei-Wege-Synchronisierung mit einem Repository, mit Konfliktansicht, wenn beide Seiten geändert wurden.
• ZIP-Download: Nimm den Code überallhin mit. Den API-Key setzt du auf deinem eigenen Host.

Tipps für bessere Ergebnisse im Build-Modus

• Beginne damit, was Gemini in der App tut. Der Build-Modus ist am besten, wenn die KI die Funktion ist: zusammenfassen, extrahieren, Bilder erzeugen, Fragen zu einem Dokument beantworten.
• Sag, was gespeichert wird und für wen. „Die Rezepte jedes Nutzers sind nur für ihn privat“ ist eine Regel, die du gleich am Anfang nennen solltest.
• Ändere pro Nachricht nur eine Sache und teste sie in der Vorschau, bevor du die nächste machst.
• Prüfe die Firebase-Sicherheitsregeln, bevor echte Nutzer kommen. Dass die App bei dir funktioniert, heißt nicht, dass andere Nutzer deine Daten nicht lesen können. Frag: „Zeig mir die Firestore-Regeln und erkläre, wer jede Collection lesen und schreiben darf.“

Weitere Prompts, die in jedem Tool funktionieren, findest du in unserem Spickzettel für Vibe-Coding-Prompts.

Wo Google AI Studio am stärksten ist

• Apps, in denen Gemini die Kernfunktion ist, mit dem Key auf dem Server.
• Google-zentrierte Stacks: Firebase, „Mit Google anmelden“, Workspace-Daten, Maps.
• Entwickler, die einen schnellen Prototyp wollen, den sie dann mit GitHub synchronisieren und weiterbauen.
• Native Android-Experimente, im Browser als Vorschau.

Wann ein Builder mit Datenbank und Hosting besser passt

AI Studio ist ein starkes Tool und reicht für viele Projekte aus. Ein Full-Stack-KI-App-Builder ist eine Überlegung wert, wenn:

• Du eine relationale Datenbank willst. Firestore ist eine Dokumentendatenbank. Hat deine App Kunden, Bestellungen und Rechnungen mit Beziehungen untereinander, kann eine Postgres-Datenbank einfacher zu durchdenken sein. Unser Leitfaden Supabase vs Firebase erklärt den Unterschied.
• Du kein Google-Cloud-Projekt verwalten willst. Die Bereitstellung auf Cloud Run bedeutet ein Cloud-Konto, Abrechnung und deren Einstellungen. Manche veröffentlichen lieber mit einem Klick und haben das Hosting inklusive.
• Du Hosting, Datenbank und Speicher auf einer Rechnung willst. Bei Mythex werden diese aus den im Tarif enthaltenen monatlichen Cloud-Credits bezahlt.
• Du iPhone und Android brauchst. Mit Mythex Pro kann eine veröffentlichte App zu einer Android-App werden, die du bei Google Play hochlädst, und zu einer iPhone-App, die mit deinem eigenen App-Store-Connect-Key ohne Mac an TestFlight geht. (Diese öffnen deine veröffentlichte App, es ist kein nativer Swift- oder Kotlin-Code.)
• Die KI nicht der Zweck der App ist. Ein Buchungssystem oder Kundenportal braucht Gemini nicht im Zentrum, und ein allgemeiner Builder passt womöglich natürlicher.
• Du eine eigene Domain willst, ohne Cloud-Dienste zu konfigurieren.

So funktioniert Mythex: Du beschreibst die App im Chat in jeder Sprache, und es baut eine echte Full-Stack-App mit Live-Vorschau, hängt eine Postgres-Datenbank und Dateispeicher an und veröffentlicht mit einem Klick unter einer öffentlichen URL. Der Free-Plan braucht keine Karte und enthält die Veröffentlichung; Pro kostet $25 pro Monat und bringt Code-Bearbeitung, Export, GitHub, eigene Domains und Handy-Apps. Siehe die Seite KI-App-Builder.

So oder so gehört der Code dir und du kannst ihn mitnehmen: bei AI Studio über GitHub oder ZIP, bei Mythex über Export und GitHub im Pro-Plan. Für einen breiteren Überblick über die Optionen siehe die besten Vibe-Coding-Tools und ChatGPT vs Claude vs Gemini zum Bauen von Apps.

Google AI Studio nutzen (Kurzfassung)

1. Melde dich mit einem Google-Konto auf aistudio.google.com an.
2. Wähle im Playground ein Modell, tippe den Prompt und drücke Run. In den Run settings kannst du Parameter und Funktionen umschalten.
3. Um Gemini in deiner eigenen App zu nutzen, erstelle über Get API key einen Key und speichere ihn in den serverseitigen Umgebungsvariablen.
4. Zum Bauen einer App öffne den Build-Modus und beschreibe die App in Text. Korrigiere sie mit Blick auf die Vorschau per Chat oder Annotation-Modus.
5. Wenn sie fertig ist, stelle sie auf Cloud Run bereit, synchronisiere sie mit GitHub oder lade sie als ZIP herunter.

Wenn du Datenbank, Hosting, eigene Domain sowie iPhone- und Android-Apps an einem Ort verwalten willst, ist auch ein Full-Stack-KI-App-Builder wie Mythex eine Option.

Fragen