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 à vibe coder dans le mode Créer de Google AI Studio. Vous pouvez commencer à créer de plusieurs façons :

  • Commencer avec un prompt : en mode "Créer", utilisez la zone de saisie pour entrer une description de ce que vous souhaitez créer. Sélectionnez "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 conversion de la parole en texte.
  • Bouton "J'ai de la chance" : si vous avez besoin d'inspiration, 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 Copier l'application.

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 "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 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 d'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 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 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 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 "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 des workflows plus avancés, vous pouvez exporter le code et travailler dans l'environnement de votre choix :

  • 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.
  • Transférer vers GitHub : intégrez le code à vos processus de développement et de déploiement existants en le transférant vers un dépôt GitHub.

Principales fonctionnalités

Google AI Studio inclut plusieurs fonctionnalités qui rendent 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" 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 utilisateurs 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 qui est possible 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 : exportez votre projet vers un dépôt GitHub.

Limites

Cette section répertorie les limites actuelles du mode "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 votre application 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 "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 qui est possible avec l'API Gemini et remixer des applications pour les personnaliser.

Comment "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, les autres utilisateurs peuvent l'utiliser, mais ils ne peuvent pas voir votre clé API.

Lorsque vous partagez vos applications avec d'autres utilisateurs, 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 ?

Cette fonctionnalité n'est pas encore disponible. Nous sommes ravis de prendre en charge d'autres cas d'utilisation pour les applications à l'avenir. N'hésitez pas à nous faire part de vos commentaires si vous avez quelque chose de spécifique en tête.

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 acceptées pour requestFramePermissions sont un sous-ensemble des fonctionnalités standards contrôlées par les règles.

Comment utiliser GitHub avec mes applications ?

L'intégration GitHub d'AI Studio vous permet de créer un dépôt pour votre travail et de valider vos dernières modifications. Nous ne prenons pas en charge l'extraction des modifications à distance pour le moment.

Puis-je accorder à d'autres utilisateurs un accès en modification à mon application ?

Cette fonctionnalité n'est pas encore disponible, mais elle le sera bientôt.

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. Voici quelques exemples de cas 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 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 : assurez-vous que votre application respecte toutes les lois et réglementations applicables et qu'elle n'enfreint pas les 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, qui s'appliquent à Firestore, exigent des clients qui hébergent des contenus tiers qu'ils publient des règles définissant les contenus interdits (par exemple, les contenus illégaux) et qu'ils surveillent la présence de ces contenus illégaux.
  • Implémentation sécurisée : mettez en œuvre les mesures de protection et les outils de modération nécessaires pour éviter toute utilisation abusive de votre application.

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