Créer des applications dans Google AI Studio

Cette page explique comment utiliser Google AI Studio pour créer (ou "vibe code") et déployer rapidement des applications qui testent les dernières fonctionnalités de Gemini, comme Nano Banana et l'API Live. Google AI Studio permet de créer des applications Web avec des environnements d'exécution full stack et des applications Android natives avec Kotlin et Jetpack Compose, le tout via des requêtes en langage naturel.

Commencer

Commencez à faire du vibe coding dans le mode Compilation de Google AI Studio. Vous pouvez commencer à créer de plusieurs manières :

  • Commencez par un prompt : en mode Compilation, utilisez la zone de saisie pour décrire ce que vous souhaitez créer. Sélectionnez des chips d'IA pour ajouter des fonctionnalités spécifiques à votre prompt, comme la génération d'images ou des données Google Maps. Vous pouvez même dire ce que vous voulez à l'aide du bouton de reconnaissance vocale.
  • Bouton "J'ai de la chance" : si vous avez besoin d'inspiration, utilisez le bouton "J'ai de la chance". Gemini générera une requête avec une idée de projet pour vous aider à vous lancer.
  • Remixer un projet de la galerie : ouvrez un projet de la galerie d'applications, puis sélectionnez Copier l'application.
  • Importer un projet depuis GitHub : en mode Build, sélectionnez Importer depuis GitHub dans le menu Ajouter des fichiers (icône +) de la zone de saisie de la requête pour importer votre code existant.

Une fois que vous avez exécuté le prompt, le code et les fichiers nécessaires sont générés, et un aperçu en direct de votre application s'affiche sur la droite.

Qu'est-ce qui est créé ?

Lorsque vous exécutez votre prompt, AI Studio crée une application complète. Vous pouvez choisir de créer une application Web ou une application Android native à l'aide du sélecteur de plate-forme.

Pour les applications Web (par défaut), AI Studio crée un environnement full stack qui inclut :

  • Côté client : une interface Web (React par défaut).
  • Côté serveur : un environnement d'exécution Node.js qui permet d'effectuer des appels d'API sécurisés, de se connecter à des bases de données et d'utiliser des packages npm.

Pour les applications Android, AI Studio génère un projet Kotlin et Jetpack Compose que vous pouvez prévisualiser dans un émulateur basé sur un navigateur, installer sur un appareil physique et publier sur le Play Store pour le tester. En savoir plus sur la création d'applications Android

Vous pouvez afficher le code généré en sélectionnant l'onglet Code dans le volet d'aperçu de droite. L'agent Antigravity gère intelligemment plusieurs fichiers dans votre pile, ce qui garantit que les modifications sont propagées correctement.

L'agent Antigravity

L'agent Antigravity est la principale fonctionnalité d'IA de Google Antigravity. Les composants principaux du harnais d'agent alimentent désormais l'expérience du mode Compilation dans Google AI Studio. Il va au-delà de la simple génération de code en conservant le contexte de l'ensemble de votre projet, en gérant plusieurs fichiers et en comprenant des instructions complexes pour créer des applications full stack robustes.

Voici les principales fonctionnalités de cette solution :

  • Contexte : conserve le contexte des requêtes et des états de fichiers précédents.
  • Gestion de plusieurs fichiers : gère les dépendances entre plusieurs fichiers.
  • Exécution vérifiée : vérifie les mises à jour du code pour réduire les hallucinations.

Fonctionnalités full stack

Google AI Studio exploite tout le potentiel de l'écosystème Web moderne, ce qui vous permet de créer bien plus que des prototypes côté client.

  • Environnement d'exécution côté serveur et npm : utilisez la vaste bibliothèque de packages npm. L'agent identifiera et installera automatiquement les packages nécessaires à votre application (par exemple, des bibliothèques spécifiques pour la visualisation des données ou des clients API). Vous pouvez également demander des packages spécifiques si vous le souhaitez.
  • Gestion des secrets : stockez de manière sécurisée les clés API et les secrets dans le menu Paramètres. Elles sont accessibles dans votre code côté serveur, ce qui les protège de l'exposition côté client.
  • Multiplayer : créez des expériences collaboratives en temps réel directement dans AI Studio. L'environnement d'exécution côté serveur gère l'état et les connexions nécessaires pour que les utilisateurs puissent interagir entre eux.
  • Firebase Firestore et Authentication : provisionnez et configurez automatiquement Firebase, y compris la base de données Firestore (stockage persistant des données) et Firebase Authentication (flux de connexion, en particulier "Se connecter avec Google"). L'agent gère l'ensemble du processus de configuration et écrit même le code de votre application pour ces services.
  • Intégrations Google Workspace : connectez votre application aux API Google Workspace telles que Gmail, Sheets, Docs, Drive, Agenda et plus encore. AI Studio gère automatiquement l'ensemble de la configuration OAuth.

En savoir plus sur le développement d'applications full stack

Applications Android

Vous pouvez également créer des applications Android natives à l'aide de Kotlin et de Jetpack Compose. Prévisualisez votre application dans un Android Emulator basé sur un navigateur, installez-la sur un appareil physique à l'aide d'adb dans le navigateur et publiez-la sur le Play Store pour des tests internes.

AI Studio s'intègre également à Firebase pour les applications Android afin de provisionner automatiquement Firebase AI Logic et Firebase App Check (pour sécuriser les appels de l'API Gemini côté client sans exposer les clés API brutes), ainsi que Cloud Firestore et Firebase Authentication.

En savoir plus sur la création d'applications Android

Continuez à créer des applications

Une fois que Google AI Studio a généré le code initial de votre application, vous pouvez continuer à l'affiner :

Créer dans Google AI Studio

  • Itérer avec Gemini : utilisez le panneau de chat en mode Création pour demander à Gemini d'apporter des modifications, d'ajouter des fonctionnalités ou de modifier le style.
  • Modifiez le code directement : ouvrez l'onglet "Code" dans le panneau d'aperçu pour apporter des modifications en direct.

Développer en externe

Pour les workflows plus avancés, vous pouvez synchroniser ou exporter le code pour travailler dans l'environnement de votre choix :

  • Synchroniser avec GitHub : connectez votre application à un dépôt GitHub pour activer la synchronisation bidirectionnelle. Vous pouvez transférer les modifications demandées dans AI Studio directement vers votre dépôt avec des messages de commit générés par l'IA, ou extraire les modifications apportées localement dans votre IDE ou par des collègues dans AI Studio. Gérez l'état de la synchronisation à tout moment dans l'onglet GitHub des paramètres.
  • Télécharger et développer localement : exportez le code généré sous forme de fichier ZIP et importez-le dans votre éditeur de code.

Principales fonctionnalités

Google AI Studio inclut plusieurs fonctionnalités pour rendre le processus de création intuitif et visuel :

  • Créer des applications full stack et les améliorer de manière itérative : créez des applications full stack à l'aide d'un simple prompt et améliorez-les de manière itérative via le chat ou le mode d'annotation. Le mode Annotation vous permet de mettre en surbrillance n'importe quelle partie de l'UI de votre application et de décrire la modification souhaitée.
  • Partager et déployer votre application : vous pouvez partager vos créations avec d'autres personnes pour collaborer ou présenter votre travail. Lors du partage, les appels d'API sont comptabilisés dans vos limites d'utilisation. Si vous utilisez des modèles payants, des frais peuvent s'appliquer. Ensuite, lorsque votre application est prête, déployez-la sur Cloud Run.
  • Galerie d'applications : la galerie d'applications fournit une bibliothèque visuelle d'idées de projets. Vous pouvez découvrir ce qu'il est possible de faire avec Gemini, prévisualiser des applications instantanément et les remixer pour les personnaliser.

Déployer ou archiver votre application

Une fois que votre application est prête, vous pouvez la déployer :

  • Cloud Run : déployez votre application en tant que service évolutif. Les tarifs de Google Cloud Run peuvent s'appliquer en fonction de l'utilisation. Pour en savoir plus sur le déploiement, consultez Déployer depuis Google AI Studio.

  • GitHub : synchronisez votre projet avec un dépôt GitHub nouveau ou existant pour gérer le code source ou collaborer avec vos collègues.

Limites

Cette section liste les limites actuelles du mode Compilation dans Google AI Studio.

Gestion des clés API

Lorsque vous créez une application Web qui utilise l'API Gemini, AI Studio configure automatiquement votre clé API Gemini en tant que secret dans l'environnement côté serveur de l'application. Vous pouvez afficher et gérer cette clé dans le panneau Secrets.

  • Configuration automatique : votre GEMINI_API_KEY est configuré pour vous. Aucune configuration manuelle n'est requise pour commencer à créer.
  • Côté serveur uniquement : les clés API sont injectées dans l'environnement d'exécution côté serveur et ne sont jamais incluses dans le code côté client.
  • Applications existantes : pour les applications créées avant le 14 mai 2026, l'agent mettra automatiquement à niveau votre intégration de l'API Gemini vers l'approche côté serveur recommandée la prochaine fois que vous modifierez les fonctionnalités Gemini de l'application.

Applications Android

Lors de la création d'applications Android, AI Studio utilise Firebase AI Logic et Firebase App Check au lieu d'une clé API brute. Ainsi, les identifiants ne sont jamais intégrés à votre APK.

Déploiement en dehors de Google AI Studio

  • Cloud Run : lorsque vous déployez vers Cloud Run depuis AI Studio, votre clé API est incluse de manière sécurisée dans l'environnement côté serveur. L'application déployée utilisera votre clé API pour tous les appels d'API Gemini des utilisateurs.
  • Téléchargement ZIP : si vous téléchargez votre application sous forme de fichier ZIP pour l'exécuter ailleurs, vous devez configurer la variable d'environnement GEMINI_API_KEY dans votre environnement d'hébergement. Étant donné que les appels d'API Gemini de votre application sont effectués à partir du code côté serveur, la clé n'est pas exposée aux utilisateurs finaux.

Erreur lors du partage d'applications

Si vous partagez votre application et que l'utilisateur final rencontre une erreur 403 Accès restreint lorsqu'il utilise l'URL partagée, cela peut être dû à l'une des raisons suivantes :

  • Extensions de navigateur : les extensions de confidentialité telles que Privacy Badger peuvent bloquer l'application. Désactivez l'extension pour éviter l'erreur.
  • Problèmes de compilation : il peut y avoir des problèmes avec le code actuel. Demandez à l'agent de "corriger les problèmes de compilation du code actuel", puis partagez à nouveau l'URL.

Questions fréquentes

Qu'est-ce que Créer dans AI Studio ?

AI Studio Build est une plate-forme conçue pour vous permettre de passer d'un simple prompt à une application prête pour la production et optimisée par l'IA à l'aide de Gemini. Décrivez ce que vous souhaitez créer à l'aide d'un prompt, et Gemini générera une application pour vous. Vous pouvez également explorer notre galerie pour découvrir ce qu'il est possible de faire avec l'API Gemini et remixer des applications pour les personnaliser.

Comment Build gère-t-il ma clé API Gemini ?

Lorsque vous créez une application Web qui utilise l'API Gemini, AI Studio configure automatiquement votre clé API Gemini en tant que secret côté serveur. Les appels de l'API Gemini de votre application sont effectués à partir du code côté serveur à l'aide de cette clé. Elle n'est donc jamais exposée dans le navigateur. Vous pouvez afficher votre clé API dans le panneau Secrets des paramètres. Pour les applications Android, AI Studio utilise Firebase AI Logic et Firebase App Check pour effectuer des appels côté client sécurisés sans intégrer de clé API dans le binaire de l'application.

Ma clé API est-elle exposée lorsque je partage des applications ?

Non. Votre clé API est stockée en tant que secret côté serveur et n'est jamais incluse dans le code côté client. Lorsque vous partagez votre application, d'autres utilisateurs peuvent l'utiliser, mais ils ne peuvent pas voir votre clé API.

Lorsque vous partagez vos applications avec d'autres personnes, les appels d'API sont comptabilisés dans vos limites d'utilisation. Si vous utilisez des modèles payants, des frais peuvent s'appliquer. AI Studio vous préviendra lors de la configuration et avant que vous ne partagiez votre application si elle est susceptible d'engendrer des frais.

Qui peut voir mes applications ?

Par défaut, votre application est privée. Vous pouvez partager votre application avec d'autres utilisateurs pour qu'ils puissent l'utiliser. Les utilisateurs avec lesquels vous partagez votre application peuvent voir son code et la dupliquer pour leurs propres besoins. Si vous partagez votre application avec l'autorisation de modification, les autres utilisateurs peuvent modifier le code de votre application.

Puis-je exécuter des applications en dehors d'AI Studio ?

Oui. Vous pouvez déployer votre application sur Cloud Run depuis AI Studio, ce qui lui donne une URL publique avec votre clé API configurée de manière sécurisée dans l'environnement côté serveur. Vous pouvez également télécharger votre application sous forme de fichier ZIP et l'héberger ailleurs. Vous devrez définir la variable d'environnement GEMINI_API_KEY dans votre environnement d'hébergement. Comme les appels de l'API Gemini sont effectués à partir du code côté serveur, votre clé reste sécurisée.

Pour en savoir plus sur les options de déploiement, consultez Déployer depuis Google AI Studio.

Puis-je développer des applications localement avec mes propres outils, puis les partager ici ?

Oui. Vous pouvez connecter votre application AI Studio à un dépôt GitHub pour développer localement à l'aide de votre éditeur de code ou de vos outils CLI préférés, transférer vos modifications vers GitHub, puis extraire ces mises à jour directement dans AI Studio à l'aide de l'onglet GitHub dans les paramètres.

Comment utiliser une base de données ou un autre espace de stockage avec mes applications ?

Les applications AI Studio sont des applications standards qui s'exécutent dans un conteneur Cloud Run. Vous pouvez utiliser n'importe quelle solution de stockage à laquelle vous pouvez vous connecter via un réseau, à condition qu'aucun pare-feu n'empêche l'accès à partir d'une plage d'adresses IP dynamiques.

Nous travaillons à l'ajout d'une prise en charge directe du stockage, que vous pourrez configurer directement dans AI Studio.

Pour nous assurer que les spectateurs sont informés de l'utilisation de leur webcam ou d'autres appareils par une application, nous exigeons une confirmation supplémentaire avant que l'application puisse accéder à ces API Navigator. Les créateurs d'applications peuvent ajouter ces demandes d'autorisation au fichier metadata.json de leur application. Exemple :

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

Les valeurs acceptées pour requestFramePermissions sont un sous-ensemble des fonctionnalités standards contrôlées par des règles.

Comment utiliser GitHub avec mes applications ?

AI Studio est compatible avec la synchronisation bidirectionnelle avec GitHub :

  • Importer un dépôt : en mode Build, sélectionnez Importer depuis GitHub dans le menu Ajouter des fichiers (icône +) de la zone de saisie du prompt pour importer du code existant.
  • Associer un dépôt : dans les paramètres, ouvrez l'onglet GitHub pour créer un dépôt GitHub à partir de votre application ou l'associer à un dépôt existant.
  • Synchronisation bidirectionnelle : transférez les modifications demandées dans AI Studio directement vers votre dépôt avec des messages de commit générés par l'IA, ou extrayez les modifications effectuées en externe (comme les modifications de l'IDE local ou les demandes d'extraction de vos collaborateurs) dans AI Studio.
  • Résoudre les conflits de fusion : si des modifications entrent en conflit lors de la synchronisation avec GitHub, AI Studio affiche une boîte de dialogue Résoudre les conflits avec un outil de comparaison côte à côte, ce qui vous permet d'examiner les différences et de choisir de conserver la version AI Studio ou GitHub pour chaque fichier en conflit.

Puis-je autoriser d'autres utilisateurs à modifier mon application ?

AI Studio ne permet pas la modification collaborative directe en temps réel. Toutefois, vous pouvez collaborer avec vos coéquipiers en associant votre application à un dépôt GitHub partagé. Les membres de l'équipe peuvent déployer des modifications ou ouvrir des demandes d'extraction sur GitHub, et vous pouvez extraire ces mises à jour dans AI Studio.

Pourquoi mon application a-t-elle été signalée pour non-respect des règles ?

Nous disposons de systèmes qui examinent automatiquement les applications pour s'assurer qu'elles respectent nos règles. Si nous constatons qu'une application enfreint nos règles, elle sera supprimée d'AI Studio. Voici quelques exemples de non-respect des règles (liste non exhaustive) :

  • Applications contenant des logiciels malveillants, des tentatives d'hameçonnage ou des usurpations d'identité
  • Applications qui affichent ou distribuent du contenu qui ne respecte pas les règles concernant les images d'abus sexuels sur mineurs
  • Applications qui affichent ou distribuent du contenu qui ne respecte pas le règlement sur le harcèlement
  • Applications qui affichent ou distribuent du contenu qui ne respecte pas le règlement concernant l'incitation à la haine
  • Applications qui affichent ou distribuent du contenu qui ne respecte pas les règles concernant le trafic d'êtres humains
  • Applications qui affichent ou distribuent du contenu qui ne respecte pas le règlement sur le contenu à caractère sexuel explicite
  • Applications qui affichent ou distribuent du contenu qui ne respecte pas les règles concernant les contenus violents et sanglants
  • Applications qui affichent ou distribuent du contenu qui ne respecte pas le règlement sur les contenus nuisibles ou dangereux

Si votre application a été signalée pour non-respect des règles et que vous pensez qu'il s'agit d'une erreur, vous pouvez faire appel. Le non-respect répété de nos règles peut entraîner la résiliation de votre accès à AI Studio.

Quelles sont mes responsabilités en tant que développeur d'applications ?

Pour rappel, en tant que propriétaire de votre application, vous êtes responsable de son comportement et de toutes les données qu'elle traite. Par exemple :

  • Conformité légale et droits des tiers : vous devez vous assurer que votre application respecte l'ensemble des lois et règlements applicables, et qu'elle ne porte pas atteinte aux droits d'autrui, y compris les droits de propriété intellectuelle et le droit à la confidentialité.
  • Surveillance du contenu : le respect de conditions supplémentaires peut s'appliquer à d'autres services utilisés par votre application. Par exemple, les Conditions d'utilisation de Google Cloud, applicables à Firestore, exigent que les clients hébergeant des contenus tiers publient des règles définissant les contenus interdits (par exemple, les contenus illégaux) et surveillent la présence de ces contenus illégaux.
  • Implémentation sécurisée : implémentation des mesures de protection et des outils de modération nécessaires pour éviter que votre application ne soit utilisée de manière abusive.

Tenez compte des restrictions d'utilisation dans les conditions d'utilisation.

Les Conditions d'utilisation supplémentaires de l'API Gemini s'appliquent à l'utilisation des applications de la galerie d'applications dans AI Studio, sauf indication contraire.

Étape suivante