Gemini 3.8 Flash ist jetzt verfügbar. Jetzt ausprobieren.

Google verwendet KI-Technologie, um Inhalte in Ihre bevorzugte Sprache zu übersetzen. KI-Übersetzungen können Fehler enthalten.

Apps in Google AI Studio entwickeln

Auf dieser Seite wird beschrieben, wie Sie mit Google AI Studio schnell Apps erstellen (oder „vibe coden“) und bereitstellen, mit denen Sie die neuesten Funktionen von Gemini wie Nano Banana und die Live API testen können. Google AI Studio unterstützt die Entwicklung 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 den Build-Modus in Google AI Studio. Sie haben mehrere Möglichkeiten, mit der Entwicklung 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 AI Chips aus, um Ihrem Prompt bestimmte Funktionen wie die Bildgenerierung oder Google Maps-Daten hinzuzufügen. Sie können auch die Schaltfläche für die Sprach-zu-Text-Funktion verwenden, um zu sagen, was Sie möchten.
Schaltfläche „Auf gut Glück“: Wenn Sie eine kreative Idee brauchen, verwenden Sie die Schaltfläche „Auf gut Glück“. Gemini generiert dann einen Prompt mit einer Projektidee, mit der Sie beginnen können.
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 Eingabefeld für Prompts im Menü Dateien hinzufügen (Symbol „+“) die Option Aus GitHub importieren aus, um 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 Ihren Prompt ausführen, erstellt AI Studio eine vollständige Anwendung. Mit der Plattformauswahl können Sie eine Web-App oder eine native Android-App erstellen.

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

Clientseitig: Ein Web-Frontend (Standard ist React).
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 in der 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 ansehen, indem Sie im rechten Vorschaufenster den Tab Code auswählen. Der Antigravity-Agent verwaltet auf intelligente Weise mehrere Dateien in Ihrem Stack 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 Agent-Harness werden jetzt für den Build-Modus in Google AI Studio verwendet. Er kann mehr als nur Code generieren. Er behält den Kontext Ihres gesamten Projekts bei, verwaltet mehrere Dateien und versteht komplexe Anweisungen, um robuste Full-Stack-Anwendungen zu erstellen.

Zu den wichtigsten Funktionen gehören:

Kontextsensitivität: Der Kontext vorheriger Prompts und Dateistatus wird beibehalten.
Verwaltung mehrerer Dateien: Abhängigkeiten zwischen mehreren Dateien werden verarbeitet.
Verifizierte Ausführung: Code-Updates werden verifiziert, um Halluzinationen zu reduzieren.

Full-Stack-Funktionen

Google AI Studio nutzt das moderne Web-Ökosystem, sodass Sie mehr als nur clientseitige Prototypen erstellen können.

Serverseitige Laufzeit und npm: Nutzen Sie die umfangreiche Bibliothek von npm-Paketen. Der Agent identifiziert und installiert Pakete automatisch nach Bedarf für Ihre App (z.B. bestimmte Bibliotheken für die Datenvisualisierung oder API-Clients). Sie können auch bestimmte Pakete anfordern.
Verwaltung von Secrets: Speichern Sie API-Schlüssel und Secrets sicher im Menü Einstellungen. Sie sind in Ihrem serverseitigen Code zugänglich und somit vor der Offenlegung auf der Clientseite geschützt.
Multiplayer: Erstellen Sie direkt in AI Studio kollaborative Echtzeit-Erlebnisse. 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 der Firestore-Datenbank (permanente Datenspeicherung) und der Firebase-Authentifizierung (Anmeldeabläufe, insbesondere „Mit Google anmelden“). Der Agent übernimmt den gesamten Einrichtungsprozess und schreibt sogar den Code für diese Dienste in Ihre App.
Google Workspace-Integrationen: Verbinden Sie Ihre App mit Google Workspace -APIs wie Gmail, Tabellen, Docs, Drive und Kalender. AI Studio übernimmt die gesamte OAuth-Konfiguration automatisch.

Weitere Informationen zum Entwickeln von Full-Stack-Apps

Android-Apps

Sie können auch native Android-Apps mit Kotlin und Jetpack Compose erstellen. Sehen Sie sich eine Vorschau Ihrer App in einem browserbasierten Android-Emulator an, installieren Sie sie mit ADB im Browser auf einem physischen Gerät und veröffentlichen Sie sie zum internen Testen im Google Play Store.

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 den Chatbereich im Build-Modus, um Gemini zu bitten, Änderungen vorzunehmen, neue Funktionen hinzuzufügen oder das Styling zu ändern.
Code direkt bearbeiten: Öffnen Sie im Vorschaufenster den Tab Code , 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 vorgenommen wurden, mit KI-generierten Commit-Nachrichten direkt in Ihr Repository übertragen oder Änderungen, die lokal in Ihrer IDE oder von Teammitgliedern vorgenommen wurden, in AI Studio übernehmen. Sie können den Synchronisierungsstatus jederzeit auf dem Tab GitHub in den Einstellungen verwalten.
Lokal herunterladen und 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, mit denen der Erstellungsprozess intuitiv und visuell gestaltet werden kann:

Full-Stack-Apps erstellen und iterieren: Erstellen Sie Full-Stack-Apps mit nur einem Prompt und iterieren Sie im Chat- oder Anmerkungsmodus. Im Anmerkungsmodus können Sie jeden Teil der Benutzeroberfläche Ihrer App hervorheben und die gewünschte Änderung beschreiben.
App freigeben und bereitstellen: Sie können Ihre Kreationen für andere freigeben, 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 App fertig 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, sich sofort eine Vorschau von Anwendungen ansehen und sie remixen, um sie an Ihre Bedürfnisse anzupassen.

App 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 Kosten für Google Cloud Run anfallen. Weitere Informationen zur Bereitstellung finden Sie unter Bereitstellung aus Google AI Studio.
GitHub: Synchronisieren Sie Ihr Projekt mit einem neuen oder vorhandenen GitHub-Repository , um Quellcode zu verwalten oder mit Teammitgliedern zusammenzuarbeiten.

Beschränkungen

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

Verwalten von API-Schlüsseln

Wenn Sie eine neue 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: Ihr GEMINI_API_KEY wird für Sie eingerichtet. Für den Beginn der Entwicklung ist keine manuelle Konfiguration erforderlich.
Nur serverseitig: API-Schlüssel werden in die serverseitige Laufzeit eingefügt und sind niemals im clientseitigen Code enthalten.
Vorhandene Apps: Bei Apps, die vor dem 14. Mai 2026 erstellt wurden, wird die Gemini API-Integration automatisch auf den empfohlenen serverseitigen Ansatz aktualisiert, wenn Sie die Gemini-Funktionen der App das nächste Mal ändern.

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 eingefügt. Die bereitgestellte App verwendet Ihren API-Schlüssel für alle Gemini API-Aufrufe der Nutzer.
ZIP-Download: Wenn Sie Ihre App als ZIP-Datei herunterladen, um sie an einem anderen Ort auszuführen, müssen Sie die Umgebungsvariable GEMINI_API_KEY in Ihrer Hostingumgebung einrichten. Da die Gemini API-Aufrufe Ihrer App über serverseitigen Code erfolgen, wird der Schlüssel nicht für Endnutzer offengelegt.

Fehler beim Freigeben von Apps

Wenn Sie Ihre App freigeben und Ihr Endnutzer beim Verwenden der freigegebenen URL den Fehler 403 Access Restricted erhält, kann das folgende Ursachen haben:

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

FAQ

Was ist „In AI Studio entwickeln“?

„In AI Studio entwickeln“ ist eine Plattform, mit der Sie mit Gemini aus einem einfachen Prompt eine produktionsreife, KI-basierte Anwendung erstellen können. Beschreiben Sie mit einem Prompt, was Sie erstellen möchten, und Gemini generiert eine App für Sie. Sie können auch unsere Galerie durchsuchen, um zu sehen, was mit der Gemini API möglich ist, und Apps remixen, um sie an Ihre Bedürfnisse anzupassen.

Wie wird mein Gemini API-Schlüssel in „In AI Studio entwickeln“ verarbeitet?

Wenn Sie eine 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 erfolgen über serverseitigen Code mit diesem Schlüssel, sodass er niemals im Browser offengelegt wird. Sie können Ihren API-Schlüssel in den Einstellungen im Bereich Secrets ansehen.

Wird mein API-Schlüssel bei der Freigabe von Apps offengelegt?

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

Bei der Freigabe Ihrer Apps für andere werden API-Aufrufe auf Ihre Nutzungslimits angerechnet. Wenn Sie kostenpflichtige Modelle verwenden, können Kosten anfallen. AI Studio informiert Sie bei der Einrichtung und vor der Freigabe, wenn 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, für die Sie Ihre App freigeben, können den Code sehen und ihn für ihre eigenen Zwecke kopieren. 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 aus AI Studio 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 App auch als ZIP-Datei herunterladen und an einem anderen Ort hosten. Dazu müssen Sie die Umgebungsvariable GEMINI_API_KEY in Ihrer Hostingumgebung festlegen. Da Gemini API-Aufrufe über serverseitigen Code erfolgen, bleibt Ihr Schlüssel sicher.

Weitere Informationen zu den Bereitstellungsoptionen finden Sie unter Bereitstellung aus Google AI Studio.

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

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

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

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

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

Wie kann ich auf das Mikrofon, die Webcam und andere Navigator-APIs zugreifen?

Damit Nutzer 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 Datei metadata.json 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 richtlinienbasierten 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 Eingabefeld für Prompts im Menü Dateien hinzufügen (Symbol „+“) 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.
Bidirektionale Synchronisierung: Übertragen Sie Änderungen, die in AI Studio vorgenommen wurden, mit KI-generierten Commit-Nachrichten direkt in Ihr Repository oder übernehmen Sie Änderungen, die extern vorgenommen wurden (z. B. lokale IDE-Änderungen oder Pull-Anfragen von Teammitgliedern), in AI Studio.
Zusammenführungskonflikte beheben: Wenn es beim Synchronisieren mit GitHub zu Konflikten kommt, wird in AI Studio das Dialogfeld Konflikte beheben mit einem Diff-Viewer angezeigt, in dem Sie die Unterschiede nebeneinander sehen können. Sie können dann auswählen, ob Sie für jede betroffene Datei 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 kollaborative Echtzeitbearbeitung. Sie können jedoch mit Teammitgliedern zusammenarbeiten, indem Sie Ihre App mit einem freigegebenen GitHub-Repository verknüpfen. Teammitglieder können Änderungen übertragen oder Pull-Anfragen in GitHub öffnen. Sie können diese Updates dann in AI Studio übernehmen.

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. Beispiele für Richtlinienverstöße:

Apps, die Malware, Phishing oder Identitätsdiebstahl enthalten
Apps, die Inhalte anzeigen oder verbreiten, 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 Richtlinie zu Hassreden 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 Gewalt und 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 zur Beendigung Ihres Zugriffs auf AI Studio führen.

Was sind meine Pflichten als App-Entwickler?

Als Inhaber Ihrer Anwendung sind Sie für ihr Verhalten und alle Daten verantwortlich, die sie verarbeitet. Dazu zählen:

Einhaltung von Gesetzen und Rechten Dritter:Ihre App muss allen anwendbaren Gesetzen und Vorschriften entsprechen und darf keine Rechte anderer verletzen, einschließlich geistigen Eigentums und des Rechts auf Privatsphäre.
Inhaltsüberwachung: Für andere von Ihrer App verwendete Dienste gelten möglicherweise Zusatzbedingungen. Gemäß den Nutzungsbedingungen für Google Cloud, die für Firestore gelten, müssen Kunden, die Inhalte von Dritten hosten, beispielsweise Richtlinien veröffentlichen, in denen verbotene Inhalte definiert werden (z.B. illegale Inhalte), und die Inhalte auf das Vorhandensein solcher illegalen Inhalte überwachen.
Sichere Implementierung:Sie müssen die erforderlichen Sicherheitsmaßnahmen und Moderationstools implementieren, um den Missbrauch Ihrer Anwendung zu verhindern.

Beachten Sie die Nutzungsbeschränkungen in den Nutzungsbedingungen.

Welche Bedingungen gelten für Apps in der App-Galerie in AI Studio?

Für die Nutzung von Apps in der App-Galerie in AI Studio gelten die Zusatzbedingungen für die Gemini API, sofern nichts anderes angegeben ist.