Créer des applications dans Google AI Studio

Cette page explique comment utiliser Google AI Studio pour créer rapidement (ou "vibe coder") et déployer 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 grâce à des prompts en langage naturel.

Premiers pas

Commencez à faire du vibe coding dans le mode Build (Créer) de Google AI Studio. Vous pouvez commencer à créer de plusieurs façons :

  • Commencer avec un prompt : en mode "Build" (Créer), utilisez la zone de saisie pour entrer une description de ce que vous souhaitez créer. Sélectionnez "AI Chips" (Puces 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 dicter ce que vous voulez à l'aide du bouton de synthèse vocale.
  • Bouton"J'ai de la chance" : si vous avez besoin d'une idée créative, utilisez le bouton "J'ai de la chance". Gemini générera un prompt avec une idée de projet pour vous aider à démarrer.
  • Remixer un projet de la galerie : ouvrez un projet dans la galerie d'applications et sélectionnez Copy App (Copier l'application).
  • Importer un projet depuis GitHub : en mode "Build" (Créer), sélectionnez Import from GitHub (Importer depuis GitHub) dans le menu Add files (Ajouter des fichiers) (icône +) de la zone de saisie du prompt 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 les éléments suivants :

  • Côté client : une interface Web (React par défaut).
  • Côté serveur : un environnement d'exécution Node.js qui permet des appels d'API sécurisés, des connexions à des bases de données et l'utilisation de 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 apps.

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, en veillant à ce que les modifications soient propagées correctement.

L'agent Antigravity

L'agent Antigravity est la principale fonctionnalité d'IA de Google Antigravity. Les composants principaux de l' harnais de l'agent alimentent désormais l'expérience du mode "Build" (Créer) 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 prompts précédents et des états des fichiers.
  • Gestion de plusieurs fichiers : gère les dépendances entre plusieurs fichiers.
  • Exécution validée : valide les mises à jour du code pour réduire les hallucinations.

Fonctionnalités full stack

Google AI Studio libère la puissance de l'écosystème Web moderne, ce qui vous permet de créer plus que de simples prototypes côté client.

  • Environnement d'exécution côté serveur et npm : utilisez la vaste bibliothèque de packages npm. L'agent identifie et installe automatiquement les packages nécessaires à votre application (par exemple, des bibliothèques spécifiques pour la visualisation de données ou les clients API). Vous pouvez également demander des packages spécifiques si vous le souhaitez.
  • Gestion des secrets : stockez en toute sécurité les clés API et les secrets dans le menu Settings (Paramètres). Ils sont accessibles dans votre code côté serveur, ce qui les protège de l'exposition côté client.
  • Multijoueur : 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 ensemble.
  • Firebase Firestore et Authentication : provisionnez et configurez automatiquement Firebase, y compris la base de données Firestore (stockage de données persistant) 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 dans votre application pour ces services.
  • Intégrations Google Workspace : connectez votre application aux API Google Workspace telles que Gmail, Sheets, Docs, Drive, Agenda, etc. AI Studio gère automatiquement toute 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 Jetpack Compose. Prévisualisez votre application dans un émulateur Android 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.

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 "Build" (Créer) pour demander à Gemini d'apporter des modifications, d'ajouter de nouvelles fonctionnalités ou de modifier le style.
  • Modifier le code directement : ouvrez l'onglet "Code" dans le panneau d'aperçu pour effectuer 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 envoyer les modifications demandées dans AI Studio directement à 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 coéquipiers dans AI Studio. Gérez l'état de votre synchronisation à tout moment dans l'onglet GitHub des paramètres.
  • Télécharger et développer en local : exportez le code généré en tant que 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 et itérer des applications full stack : créez des applications full stack avec juste un prompt et itérez via le chat ou le mode "Annotation". Le mode "Annotation" (Annotation) vous permet de mettre en surbrillance n'importe quelle partie de l'interface utilisateur 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. Une fois votre application prête, déployez-la dans 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 instantanément des applications et les remixer pour les personnaliser.

Déployer ou archiver votre application

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

  • Cloud Run : déployez votre application en tant que service évolutif. Des tarifs peuvent s'appliquer à Google Cloud Run 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 des coéquipiers.

Limites

Cette section répertorie les limites actuelles du mode "Build" (Créer) dans Google AI Studio.

Gestion des clés API

Lorsque vous créez une application 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ée 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.

Déploiement en dehors de Google AI Studio

  • Cloud Run : lorsque vous déployez dans 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 au format ZIP : si vous téléchargez votre application au format ZIP pour l'exécuter ailleurs, vous devrez 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 votre utilisateur final rencontre une erreur 403 Access Restricted (Accès limité) 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 avec le code actuel", puis partagez à nouveau l'URL.

Questions fréquentes

Qu'est-ce que "Build" (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 optimisée par l'IA et prête pour la production à l'aide de Gemini. Décrivez ce que vous souhaitez créer avec 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" (Créer) gère-t-il ma clé API Gemini ?

Lorsque vous créez une application qui utilise l'API Gemini, AI Studio configure automatiquement votre clé API Gemini en tant que secret côté serveur. Les appels d'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.

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 avertira lors de la configuration et avant le partage si votre application peut entraîner des coûts.

Qui peut voir mes applications ?

Par défaut, votre application est privée. Vous pouvez partager votre application avec d'autres utilisateurs pour leur permettre de l'utiliser. Les utilisateurs avec lesquels vous partagez votre application peuvent voir son code et le dupliquer à leurs propres fins. 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 dans 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 au format ZIP et l'héberger ailleurs. Vous devrez définir la variable d'environnement GEMINI_API_KEY dans votre environnement d'hébergement. Étant donné que les appels d'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 en local avec mes propres outils, puis les partager ici ?

Oui. Vous pouvez connecter votre application AI Studio à un dépôt GitHub pour développer en local à l'aide de l'éditeur de code ou des outils CLI de votre choix, envoyer vos modifications à GitHub, puis extraire ces mises à jour directement dans AI Studio à l'aide de l'onglet GitHub des paramètres.

Comment utiliser une base de données ou un autre 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 prévoyons d'ajouter une prise en charge directe du stockage à l'avenir, que vous pourrez configurer directement dans AI Studio.

Pour s'assurer que les spectateurs sont conscients 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 compatibles pour requestFramePermissions sont un sous-ensemble des fonctionnalités standards contrôlées par les 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" (Créer), sélectionnez Import from GitHub dans le menu Add files (Ajouter des fichiers) (icône +) de la zone de saisie du prompt pour importer le code existant.
  • Lier un dépôt : dans les paramètres, ouvrez l'onglet GitHub pour créer un nouveau dépôt GitHub à partir de votre application ou le lier à un dépôt existant.
  • Synchronisation bidirectionnelle : envoyez les modifications demandées dans AI Studio directement à votre dépôt avec des messages de commit générés par l'IA, ou extrayez les modifications apportées en externe (telles que les modifications locales de l'IDE ou les demandes d'extraction de coéquipiers) dans AI Studio.
  • Résoudre les conflits de fusion : si des modifications entrent en conflit lors de la synchronisation avec GitHub, AI Studio fournit une boîte de dialogue Resolve conflicts (Résoudre les conflits) avec un visualiseur de différences 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 n'est pas compatible avec la modification collaborative directe en temps réel. Toutefois, vous pouvez collaborer avec des coéquipiers en liant votre application à un dépôt GitHub partagé. Les coéquipiers peuvent envoyer 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 ne respecte pas nos règles, elle sera supprimée d'AI Studio. Les cas de non-respect des règles peuvent inclure, sans s'y limiter, les éléments suivants :

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

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 suppression 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 gère. Par exemple :

  • Conformité juridique et droits de tiers : vous devez vous assurer que votre application respecte toutes les lois et réglementations applicables et qu'elle ne porte pas atteinte aux droits d'autrui, y compris les droits de propriété intellectuelle et les droits au respect de la confidentialité.
  • Surveillance des contenus : des conditions supplémentaires peuvent s'appliquer aux 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 : vous devez implémenter les mesures de protection et les 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 présentées dans la galerie d'applications d'AI Studio, sauf indication contraire.

Étape suivante