Apps in Google AI Studio entwickeln

Auf dieser Seite wird beschrieben, wie Sie mit Google AI Studio schnell Apps erstellen (oder „Vibe-Code“ schreiben) und bereitstellen können, um die neuesten Funktionen von Gemini wie Nano Banana und die Live API zu testen. Google AI Studio unterstützt die Erstellung von Web-Apps mit Full-Stack-Laufzeiten und nativen Android-Apps mit Kotlin und Jetpack Compose – alles über Prompts in natürlicher Sprache.

Jetzt starten

Starten Sie das Vibe Coding im Build-Modus von Google AI Studio. Sie haben mehrere Möglichkeiten, mit dem Erstellen zu beginnen:

  • Mit einem Prompt beginnen: Geben Sie im Build-Modus im Eingabefeld eine Beschreibung dessen ein, was Sie erstellen möchten. Wählen Sie KI-Chips aus, um Ihrem Prompt bestimmte Funktionen wie die Bildgenerierung oder Google Maps-Daten hinzuzufügen. Sie können sogar über die Schaltfläche „Sprache-zu-Text“ sagen, was Sie möchten.
  • Button „Auf gut Glück“: Wenn Sie einen kreativen Anstoß brauchen, klicken Sie auf den Button „Auf gut Glück“. Gemini generiert dann einen Prompt mit einer Projektidee, um Ihnen den Einstieg zu erleichtern.
  • Projekt aus der Galerie remixen: Öffnen Sie ein Projekt aus der App-Galerie und wählen Sie App kopieren aus.
  • Projekt aus GitHub importieren: Wählen Sie im Build-Modus im Menü Dateien hinzufügen (Plus-Symbol) im Prompt-Eingabefeld die Option Aus GitHub importieren aus, um Ihren vorhandenen Code zu importieren.

Nachdem Sie den Prompt ausgeführt haben, werden der erforderliche Code und die Dateien generiert. Rechts sehen Sie eine Live-Vorschau Ihrer App.

Was wird erstellt?

Wenn Sie den Prompt ausführen, erstellt AI Studio eine vollständige Anwendung. Sie können mit der Plattformauswahl eine Web-App oder eine native Android-App erstellen.

Für Webanwendungen (Standard) erstellt AI Studio eine Full-Stack-Umgebung, die Folgendes umfasst:

  • Clientseitig: Ein Web-Frontend (React ist die Standardeinstellung).
  • Serverseitig: Eine Node.js-Laufzeit, die sichere API-Aufrufe, Datenbankverbindungen und die Verwendung von npm-Paketen ermöglicht.

Für Android-Apps generiert AI Studio ein Kotlin- und Jetpack Compose-Projekt, das Sie in einem browserbasierten Emulator als Vorschau ansehen, auf einem physischen Gerät installieren und zum Testen im Google Play Store veröffentlichen können. Weitere Informationen zum Erstellen von Android-Apps

Sie können den generierten Code aufrufen, indem Sie im rechten Vorschaufenster den Tab Code auswählen. Der Antigravity-Agent verwaltet mehrere Dateien in Ihrem Stack auf intelligente Weise und sorgt dafür, dass Änderungen korrekt weitergegeben werden.

Der Antigravity-Agent

Der Antigravity-Agent ist die wichtigste KI-Funktion in Google Antigravity. Die Kernkomponenten des Agenten-Frameworks bilden jetzt die Grundlage für den Build-Modus in Google AI Studio. Es geht über die einfache Codegenerierung hinaus, da es den Kontext Ihres gesamten Projekts beibehält, mehrere Dateien verwaltet und komplexe Anweisungen versteht, um robuste Full-Stack-Anwendungen zu erstellen.

Zu den wichtigsten Funktionen gehören:

  • Kontextsensitivität: Behält den Kontext früherer Prompts und Dateistatus bei.
  • Verwaltung mehrerer Dateien: Abhängigkeiten zwischen mehreren Dateien werden verwaltet.
  • Verifizierte Ausführung: Codeaktualisierungen werden überprüft, um Halluzinationen zu reduzieren.

Full-Stack-Funktionen

Google AI Studio bietet Ihnen die Möglichkeit, das moderne Web-Ökosystem zu nutzen und mehr als nur clientseitige Prototypen zu erstellen.

  • Serverseitige Laufzeit und npm: Nutzen Sie die umfangreiche Bibliothek mit npm-Paketen. Der KI-Agent identifiziert und installiert automatisch die für Ihre Anwendung erforderlichen Pakete (z.B. bestimmte Bibliotheken für die Datenvisualisierung oder API-Clients). Sie können bei Bedarf auch bestimmte Pakete anfordern.
  • Secret-Verwaltung: API-Schlüssel und Secrets können im Menü Einstellungen sicher gespeichert werden. Diese sind in Ihrem serverseitigen Code zugänglich und werden so vor der Offenlegung auf der Clientseite geschützt.
  • Multiplayer: Erstellen Sie direkt in AI Studio Echtzeit-Anwendungen für die Zusammenarbeit. Die serverseitige Laufzeit verwaltet den Status und die Verbindungen, die für die Interaktion der Nutzer erforderlich sind.
  • Firebase Firestore und Authentifizierung: Firebase wird automatisch bereitgestellt und eingerichtet, einschließlich Firestore-Datenbank (persistenter Datenspeicher) und Firebase-Authentifizierung (Anmeldeabläufe, insbesondere „Über Google anmelden“). Der Agent übernimmt den gesamten Einrichtungsprozess und schreibt sogar den Code in Ihrer Anwendung für diese Dienste.
  • Google Workspace-Integrationen: Verbinden Sie Ihre App mit Google Workspace-APIs wie Gmail, Sheets, Docs, Drive und Kalender. AI Studio übernimmt die gesamte OAuth-Konfiguration automatisch.

Weitere Informationen zum Entwickeln von Full-Stack-Anwendungen

Android-Apps

Sie können auch native Android-Apps mit Kotlin und Jetpack Compose erstellen. Sie können sich eine Vorabversion Ihrer App in einem browserbasierten Android-Emulator ansehen, sie mit ADB im Browser auf einem physischen Gerät installieren und sie für interne Tests im Google Play Store veröffentlichen.

AI Studio lässt sich auch in Firebase für Android-Apps einbinden, um Firebase AI Logic und Firebase App Check (für sichere clientseitige Gemini API-Aufrufe ohne Offenlegung von Roh-API-Schlüsseln) sowie Cloud Firestore und Firebase Authentication automatisch bereitzustellen.

Weitere Informationen zum Erstellen von Android-Apps

Noch mehr erstellen

Nachdem Google AI Studio den ersten Code für Ihre Anwendung generiert hat, können Sie ihn weiter verfeinern:

In Google AI Studio entwickeln

  • Mit Gemini iterieren: Verwenden Sie das Chatfenster im Build-Modus, um Gemini aufzufordern, Änderungen vorzunehmen, neue Funktionen hinzuzufügen oder das Design zu ändern.
  • Code direkt bearbeiten: Öffnen Sie den Tab Code im Vorschaufenster, um Live-Änderungen vorzunehmen.

Extern entwickeln

Für komplexere Workflows können Sie den Code synchronisieren oder exportieren, um in Ihrer bevorzugten Umgebung zu arbeiten:

  • Mit GitHub synchronisieren: Verbinden Sie Ihre App mit einem GitHub-Repository, um die bidirektionale Synchronisierung zu aktivieren. Sie können Änderungen, die in AI Studio vorgeschlagen werden, direkt mit KI-generierten Commit-Nachrichten in Ihr Repository übertragen oder lokal in Ihrer IDE oder von Teammitgliedern vorgenommene Änderungen zurück in AI Studio übertragen. Sie können den Synchronisierungsstatus jederzeit auf dem Tab GitHub in den Einstellungen verwalten.
  • Herunterladen und lokal entwickeln: Exportieren Sie den generierten Code als ZIP-Datei und importieren Sie ihn in Ihren Code-Editor.

Wichtige Features

Google AI Studio bietet mehrere Funktionen, die den Entwicklungsprozess intuitiv und visuell gestalten:

  • Full-Stack-Anwendungen erstellen und iterieren: Erstellen Sie Full-Stack-Anwendungen mit nur einem Prompt und iterieren Sie sie über den Chat oder den Anmerkungsmodus. Im Annotationsmodus können Sie einen beliebigen Teil der Benutzeroberfläche Ihrer App markieren und die gewünschte Änderung beschreiben.
  • Anwendung freigeben und bereitstellen: Sie können Ihre Kreationen mit anderen teilen, um zusammenzuarbeiten oder Ihre Arbeit zu präsentieren. Bei der Freigabe werden API-Aufrufe auf Ihre Nutzungslimits angerechnet. Wenn Sie kostenpflichtige Modelle verwenden, können Kosten anfallen. Wenn Ihre Anwendung bereit ist, stellen Sie sie in Cloud Run bereit.
  • App-Galerie: Die App-Galerie bietet eine visuelle Bibliothek mit Projektideen. Sie können sich ansehen, was mit Gemini möglich ist, Anwendungen sofort in der Vorschau ansehen und sie nach Ihren Wünschen anpassen.

Anwendung bereitstellen oder archivieren

Sobald Ihre Anwendung fertig ist, können Sie sie bereitstellen:

  • Cloud Run: Stellen Sie Ihre Anwendung als skalierbaren Dienst bereit. Je nach Nutzung können Preise für Google Cloud Run anfallen. Weitere Informationen zur Bereitstellung finden Sie unter Aus Google AI Studio bereitstellen.

  • GitHub: Synchronisieren Sie Ihr Projekt mit einem neuen oder vorhandenen GitHub-Repository, um den Quellcode zu verwalten oder mit Teammitgliedern zusammenzuarbeiten.

Beschränkungen

In diesem Abschnitt werden die aktuellen Einschränkungen des Build-Modus in Google AI Studio aufgeführt.

API-Schlüsselverwaltung

Wenn Sie eine neue Web-App erstellen, die die Gemini API verwendet, konfiguriert AI Studio Ihren Gemini API-Schlüssel automatisch als Secret in der serverseitigen Umgebung der App. Sie können diesen Schlüssel im Bereich Secrets ansehen und verwalten.

  • Automatische Einrichtung: Ihre GEMINI_API_KEY wird für Sie eingerichtet. Sie müssen nichts manuell konfigurieren, um mit der Entwicklung zu beginnen.
  • Nur serverseitig: API-Schlüssel werden in die serverseitige Laufzeit eingefügt und sind nie im clientseitigen Code enthalten.
  • Vorhandene Apps: Bei Apps, die vor dem 14. Mai 2026 erstellt wurden, aktualisiert der Agent Ihre Gemini API-Integration automatisch auf den empfohlenen serverseitigen Ansatz, wenn Sie die Gemini-Funktionen der App das nächste Mal ändern.

Android-Apps

Beim Erstellen von Android-Apps verwendet AI Studio Firebase AI Logic und Firebase App Check anstelle eines unformatierten API-Schlüssels, sodass Anmeldedaten nie in Ihr APK eingebettet werden.

Bereitstellung außerhalb von Google AI Studio

  • Cloud Run: Wenn Sie aus AI Studio in Cloud Run bereitstellen, wird Ihr API-Schlüssel sicher in die serverseitige Umgebung eingebunden. Die bereitgestellte Anwendung verwendet Ihren API-Schlüssel für alle Gemini API-Aufrufe von Nutzern.
  • ZIP-Download: Wenn Sie Ihre Anwendung als ZIP-Datei herunterladen, um sie an anderer Stelle auszuführen, müssen Sie die Umgebungsvariable GEMINI_API_KEY in Ihrer Hosting-Umgebung einrichten. Da die Gemini API-Aufrufe Ihrer App über serverseitigen Code erfolgen, ist der Schlüssel für Endnutzer nicht sichtbar.

Fehler beim Teilen von Apps

Wenn Sie Ihre App freigeben und der Endnutzer beim Verwenden der freigegebenen URL den Fehler 403 – Zugriff eingeschränkt erhält, kann das folgende Ursachen haben:

  • Browsererweiterungen: Datenschutzerweiterungen wie Privacy Badger blockieren die App möglicherweise. Deaktivieren Sie die Erweiterung, um den Fehler zu vermeiden.
  • Build-Probleme: Es kann Probleme mit dem aktuellen Code geben. Fordern Sie den KI-Agenten auf, „alle Build-Probleme mit dem aktuellen Code zu beheben“, und geben Sie die URL dann noch einmal frei.

FAQ

Was ist „In AI Studio entwickeln“?

AI Studio Build ist eine Plattform, mit der Sie mithilfe von Gemini von einem einfachen Prompt zu einer produktionsreifen, KI-basierten Anwendung gelangen. Beschreiben Sie in einem Prompt, was Sie erstellen möchten, und Gemini generiert eine App für Sie. In unserer Galerie können Sie sich außerdem ansehen, was mit der Gemini API möglich ist, und Apps remixen, um sie an Ihre Anforderungen anzupassen.

Wie geht Build mit meinem Gemini API-Schlüssel um?

Wenn Sie eine Web-App erstellen, die die Gemini API verwendet, richtet AI Studio Ihren Gemini API-Schlüssel automatisch als serverseitiges Secret ein. Die Gemini API-Aufrufe Ihrer App werden über serverseitigen Code mit diesem Schlüssel ausgeführt, sodass er im Browser nie sichtbar ist. Sie können Ihren API-Schlüssel in den Einstellungen im Bereich Secrets aufrufen. Für Android-Apps verwendet AI Studio Firebase AI Logic und Firebase App Check, um sichere clientseitige Aufrufe zu ermöglichen, ohne dass ein API-Schlüssel in die Binärdatei der App eingebettet werden muss.

Wird mein API-Schlüssel beim Teilen von Apps offengelegt?

Nein. Ihr API-Schlüssel wird als serverseitiges Secret gespeichert und ist nie im clientseitigen Code enthalten. Wenn Sie Ihre App freigeben, können andere Nutzer sie verwenden, aber Ihren API-Schlüssel nicht sehen.

Wenn Sie Ihre Apps mit anderen teilen, werden API-Aufrufe auf Ihre Nutzungslimits angerechnet. Wenn Sie kostenpflichtige Modelle verwenden, können Kosten anfallen. AI Studio informiert Sie während der Einrichtung und vor der Freigabe, ob für Ihre App Kosten anfallen könnten.

Wer kann meine Apps sehen?

Ihre App ist standardmäßig privat. Sie können Ihre App für andere Nutzer freigeben, damit sie sie verwenden können. Nutzer, mit denen Sie Ihre App teilen, können den Code sehen und für ihre eigenen Zwecke forken. Wenn Sie Ihre App mit Bearbeitungsberechtigung freigeben, können die anderen Nutzer den Code Ihrer App bearbeiten.

Kann ich Apps außerhalb von AI Studio ausführen?

Ja. Sie können Ihre App von AI Studio aus in Cloud Run bereitstellen. Dadurch erhält Ihre App eine öffentliche URL, wobei Ihr API-Schlüssel sicher in der serverseitigen Umgebung konfiguriert ist. Sie können Ihre Anwendung auch als ZIP-Datei herunterladen und an anderer Stelle hosten. In diesem Fall müssen Sie die Umgebungsvariable GEMINI_API_KEY in Ihrer Hosting-Umgebung festlegen. Da Gemini API-Aufrufe über serverseitigen Code erfolgen, bleibt Ihr Schlüssel sicher.

Weitere Informationen zu Bereitstellungsoptionen finden Sie unter Aus Google AI Studio bereitstellen.

Kann ich Apps lokal mit meinen eigenen Tools entwickeln und sie dann hier freigeben?

Ja. Sie können Ihre AI Studio-Anwendung mit einem GitHub-Repository verbinden, um lokal mit Ihrem bevorzugten Code-Editor oder CLI-Tools zu entwickeln, Ihre Änderungen an GitHub zu übertragen und diese Aktualisierungen dann über den Tab GitHub in den Einstellungen direkt wieder in AI Studio zu übernehmen.

Wie kann ich eine Datenbank oder einen anderen Speicher mit meinen Anwendungen verwenden?

AI Studio-Anwendungen sind Standardanwendungen, die in einem Cloud Run-Container ausgeführt werden. Sie können jede Speicherlösung verwenden, mit der Sie über ein Netzwerk eine Verbindung herstellen können, sofern keine Firewall den Zugriff über einen dynamischen IP-Bereich verhindert.

Wir arbeiten daran, in Zukunft direkte Unterstützung für Speicher hinzuzufügen, den Sie direkt in AI Studio konfigurieren können.

Damit Zuschauer wissen, dass eine App ihre Webcam oder andere Geräte verwendet, ist eine zusätzliche Bestätigung erforderlich, bevor die App auf diese Navigator APIs zugreifen kann. App-Entwickler können diese Berechtigungsanfragen der metadata.json-Datei ihrer App hinzufügen. Beispiel:

{
  "name": "My app",
  "requestFramePermissions": [
    "microphone",
    "camera",
    "display-capture",
    "geolocation",
    "bluetooth",
    "clipboard-read",
    "serial",
    "usb"
  ]
}

Die unterstützten Werte für requestFramePermissions sind eine Teilmenge der standardmäßigen richtliniengesteuerten Funktionen.

Wie kann ich GitHub mit meinen Apps verwenden?

AI Studio unterstützt die bidirektionale Synchronisierung mit GitHub:

  • Repository importieren: Wählen Sie im Build-Modus im Menü Dateien hinzufügen (+-Symbol) im Eingabefeld für Prompts die Option Aus GitHub importieren aus, um vorhandenen Code zu importieren.
  • Repository verknüpfen: Öffnen Sie in den Einstellungen den Tab GitHub, um ein neues GitHub-Repository aus Ihrer App zu erstellen oder eine Verknüpfung zu einem vorhandenen Repository herzustellen.
  • Zwei-Wege-Synchronisierung: Sie können Änderungen, die in AI Studio vorgenommen wurden, direkt mit KI-generierten Commit-Nachrichten in Ihr Repository übertragen oder extern vorgenommene Änderungen (z. B. lokale IDE-Änderungen oder Pull-Anfragen von Teammitgliedern) zurück in AI Studio übertragen.
  • Zusammenführungskonflikte lösen: Wenn bei der Synchronisierung mit GitHub Konflikte auftreten, bietet AI Studio das Dialogfeld Konflikte lösen mit einer Gegenüberstellung der Unterschiede. So können Sie die Unterschiede prüfen und für jede Datei mit Konflikten entscheiden, ob Sie die AI Studio- oder die GitHub-Version beibehalten möchten.

Kann ich anderen Nutzern Bearbeitungszugriff auf meine App gewähren?

AI Studio unterstützt keine direkte gemeinsame Bearbeitung in Echtzeit. Sie können jedoch mit Teammitgliedern zusammenarbeiten, indem Sie Ihre App mit einem freigegebenen GitHub-Repository verknüpfen. Teammitglieder können Änderungen auf GitHub übertragen oder Pull-Anfragen öffnen, und Sie können diese Aktualisierungen in AI Studio abrufen.

Warum wurde meine App wegen eines Richtlinienverstoßes gemeldet?

Wir haben Systeme, die Apps automatisch überprüfen, um sicherzustellen, dass sie unseren Richtlinien entsprechen. Wenn wir feststellen, dass eine App gegen unsere Richtlinien verstößt, wird sie aus AI Studio entfernt. Richtlinienverstöße können unter anderem Folgendes umfassen:

  • Apps, die Malware, Phishing oder Identitätsdiebstahl enthalten
  • Apps, in denen Inhalte angezeigt oder verbreitet werden, die gegen die Richtlinie zu visuellen Darstellungen des sexuellen Missbrauchs von Kindern verstoßen
  • Apps, die Inhalte anzeigen oder verbreiten, die gegen die Richtlinie zu Belästigung verstoßen
  • Apps, die Inhalte anzeigen oder verbreiten, die gegen die Richtlinien zu Hassrede verstoßen
  • Apps, die Inhalte anzeigen oder verbreiten, die gegen die Richtlinie zu Menschenhandel verstoßen
  • Apps, die Inhalte anzeigen oder verbreiten, die gegen die Richtlinie zu sexuell expliziten Inhalten verstoßen
  • Apps, die Inhalte anzeigen oder verbreiten, die gegen die Richtlinie zu drastischen und blutrünstigen Gewaltdarstellungen verstoßen
  • Apps, die Inhalte anzeigen oder verbreiten, die gegen die Richtlinie zu schädlichen oder gefährlichen Inhalten verstoßen

Wenn Ihre App wegen eines Richtlinienverstoßes gemeldet wurde und Sie der Meinung sind, dass dies fälschlicherweise geschehen ist, können Sie Einspruch einlegen. Wiederholte Verstöße gegen unsere Richtlinien können dazu führen, dass Ihr Zugriff auf AI Studio gekündigt wird.

Welche Pflichten habe ich als App-Entwickler?

Zur Erinnerung: Als Inhaber Ihrer Anwendung sind Sie für deren Verhalten und alle von ihr verarbeiteten Daten verantwortlich. Dazu zählen:

  • Einhaltung rechtlicher Vorgaben und Rechte Dritter:Du musst dafür sorgen, dass deine App alle anwendbaren Gesetze und Bestimmungen einhält und nicht die Rechte anderer verletzt, einschließlich gewerblicher Schutzrechte und des Rechts auf Privatsphäre.
  • Inhaltsüberwachung: Die Einhaltung zusätzlicher Bedingungen kann für andere Dienste gelten, die von Ihrer Anwendung verwendet werden. Beispielsweise erfordern die für Firestore geltenden Google Cloud-Nutzungsbedingungen, dass Kunden, die Inhalte von Dritten hosten, Richtlinien veröffentlichen, die festlegen, welche Inhalte verboten sind (z.B. illegale Inhalte) und das Vorhandensein dieser illegalen Inhalte überwachen.
  • Sichere Implementierung: Implementieren Sie die erforderlichen Sicherheitsmaßnahmen und Moderationstools, um einen Missbrauch Ihrer Anwendung zu verhindern.

Beachten Sie die Nutzungseinschränkungen in den Nutzungsbedingungen.

Für die Nutzung von Apps, die in der App-Galerie in AI Studio aufgeführt sind, gelten die Zusatzbedingungen für die Gemini API, sofern nicht anders angegeben.

Nächste Schritte