Guides

Comment utiliser Google AI Studio : Playground, mode Build et vibe coding avec Gemini

Pour utiliser Google AI Studio, connectez-vous sur aistudio.google.com avec un compte Google, testez des prompts avec les modèles Gemini dans le Playground, et cliquez sur Get API key quand vous voulez appeler Gemini depuis votre propre code. Pour faire du vibe coding, ouvrez le mode Build, décrivez l'application dans un prompt, et Gemini la génère avec un aperçu en direct que vous affinez en discutant. Vous pouvez ensuite la déployer sur Cloud Run, la synchroniser avec GitHub ou télécharger le code.

Ce guide passe en revue chaque partie telle que Google la documente au moment de la rédaction (novembre 2026), puis indique où AI Studio est le plus fort et quand un créateur avec sa propre base de données et son hébergement convient mieux. Google met souvent AI Studio à jour ; consultez sa documentation pour les noms et limites les plus récents.

Ce qu'est Google AI Studio

AI Studio est l'espace de travail de Google dans le navigateur pour construire avec Gemini. Il sert deux types de personnes :

  • Les développeurs qui veulent essayer les modèles Gemini, ajuster un prompt et copier du code fonctionnel dans leur propre projet.
  • Les créateurs qui veulent décrire une application et que Gemini l'écrive, grâce au mode Build.

Google indique que l'utilisation d'AI Studio est gratuite dans les régions où il est proposé, avec un accès gratuit limité à certains modèles. Les niveaux payants de l'API, certains modèles, l'ancrage intensif avec Google Search et l'hébergement sur Google Cloud sont facturés séparément.

Partie 1 : le Playground

Le Playground s'ouvre par défaut sur un nouveau prompt de chat. C'est là que vous testez ce qu'un modèle sait faire avant de construire quoi que ce soit.

  1. Choisissez un modèle et saisissez un message dans la zone de saisie, puis cliquez sur Run.
  2. Ouvrez Run settings (l'icône de réglages en haut à droite) pour modifier les paramètres du modèle et les réglages de sécurité, et pour activer la sortie structurée, l'appel de fonctions, l'exécution de code ou l'ancrage.
  3. Ajoutez des System Instructions pour définir le rôle et le ton du modèle, par exemple : « Tu es un assistant sympathique pour une boulangerie. Réponds en deux phrases et propose un produit. »
  4. Cliquez sur Get code pour transformer le prompt et les réglages en code dans le langage de votre choix.

Outre le chat, le Playground propose d'autres types de prompts comme le streaming en temps réel et la génération de vidéo.

Obtenir une clé API

Quand vous voulez Gemini dans votre propre application, créez une clé depuis la page Get API key (aistudio.google.com/apikey). Traitez-la comme un mot de passe : gardez-la dans les variables d'environnement ou les secrets de votre serveur, jamais dans du code exécuté dans le navigateur d'un visiteur. Notre guide sur la protection des clés API explique pourquoi.

Partie 2 : le vibe coding en mode Build

Le mode Build est l'endroit où se fait le « vibe coding avec Gemini ». Vous décrivez une application, et l'agent d'AI Studio écrit le code et affiche le résultat à côté.

Démarrer un projet

Vous avez plusieurs portes d'entrée :

  • Saisir un prompt décrivant l'application.
  • Appuyer sur I'm Feeling Lucky pour une idée générée.
  • Remixer une application de la App Gallery avec Copy App.
  • Importer depuis GitHub avec le menu Add files.

Vous pouvez ajouter des AI Chips pour intégrer des fonctions comme la génération d'images ou les données Maps, et dicter vos prompts avec la reconnaissance vocale.

Ce qu'il construit

D'après la documentation de Google :

  • Des applis web par défaut : un frontend React plus un serveur Node.js, de sorte que les appels d'API peuvent rester côté serveur, que les paquets npm s'installent automatiquement et que l'application peut se connecter à des bases de données.
  • Des applications Android natives en Kotlin et Jetpack Compose, que vous pouvez prévisualiser dans un émulateur du navigateur, installer via ADB et publier sur Google Play pour les tests internes.
  • La configuration de Firebase faite pour vous : Firestore pour les données et Firebase Authentication avec Sign in with Google.
  • Des intégrations Google Workspace comme Gmail, Sheets, Docs, Drive et Calendar.

Un premier prompt

Construis une application de recettes. Je colle une recette ou un lien, et Gemini la transforme en une fiche claire avec les ingrédients, les étapes et le temps de cuisson. Je peux enregistrer des recettes, les rechercher et adapter les quantités à un autre nombre de personnes. Laisse-moi me connecter avec Google pour que mes recettes soient enregistrées dans mon compte.

Cela joue sur les points forts d'AI Studio : Gemini fait partie de la fonction, la connexion passe par Google et le stockage par Firebase.

Affiner l'application

  • Discutez avec l'agent : « Ajoute une liste de courses qui combine les ingrédients des recettes que je coche. »
  • Annotation mode : surlignez une partie de l'écran de l'application et décrivez le changement voulu à cet endroit. C'est plus rapide que de préciser de quel bouton vous parlez.
  • Onglet Code : consultez le code généré et modifiez-le directement si vous le souhaitez.

La documentation de Google indique que le mode Build garde la clé API Gemini comme secret côté serveur (GEMINI_API_KEY, visible dans le panneau Secrets) plutôt que de la mettre dans le code client. Les applications Android utilisent Firebase AI Logic et App Check au lieu d'une clé.

Partager et déployer

  • Partage : les applications sont privées par défaut. Les personnes avec qui vous partez peuvent consulter et dupliquer le code, et celles qui ont les droits de modification peuvent le changer. Les appels à Gemini faits par les utilisateurs de votre application partagée comptent dans votre consommation, et AI Studio vous avertit avant le partage si des coûts sont probables.
  • Cloud Run : déployez depuis AI Studio comme un service évolutif. La tarification Google Cloud peut s'appliquer.
  • GitHub : synchronisation dans les deux sens avec un dépôt, avec une vue des conflits quand les deux côtés ont changé.
  • Téléchargement ZIP : emportez le code où vous voulez. Vous définirez la clé API sur votre propre hébergeur.

Conseils pour de meilleurs résultats en mode Build

  • Commencez par ce que Gemini fait dans l'application. Le mode Build est à son meilleur quand l'IA est la fonction : résumer, extraire, générer des images, répondre à des questions sur un document.
  • Dites ce qui est enregistré et pour qui. « Les recettes de chaque utilisateur lui sont privées » est une règle à énoncer d'emblée.
  • Changez une chose par message, et testez-la dans l'aperçu avant la suivante.
  • Relisez les règles de sécurité Firebase avant l'arrivée des vrais utilisateurs. Que l'application fonctionne pour vous ne veut pas dire que d'autres utilisateurs ne peuvent pas lire vos données. Demandez : « Montre-moi les règles Firestore et explique qui peut lire et écrire chaque collection. »

Pour d'autres prompts qui marchent dans n'importe quel outil, voir notre antisèche de prompts de vibe coding.

Là où Google AI Studio est le plus fort

  • Les applications où Gemini est la fonction centrale, avec la clé gardée côté serveur.
  • Les stacks centrées sur Google : Firebase, Sign in with Google, données Workspace, Maps.
  • Les développeurs qui veulent un prototype rapide qu'ils synchronisent ensuite avec GitHub pour continuer à construire.
  • Les expériences Android natives, prévisualisées dans le navigateur.

Quand passer à un créateur avec base de données et hébergement

AI Studio est un outil solide, et pour beaucoup de projets il suffit. Il vaut la peine d'envisager un créateur d'applications IA full-stack quand :

  • Vous voulez une base de données relationnelle. Firestore est une base de données documentaire. Si votre application a des clients, des commandes et des factures liés entre eux, une base Postgres peut être plus simple à raisonner. Notre guide Supabase vs Firebase explique la différence.
  • Vous ne voulez pas gérer un projet Google Cloud. Déployer sur Cloud Run implique un compte Cloud, la facturation et ses réglages. Certains préfèrent publier en un clic avec l'hébergement inclus.
  • Vous voulez l'hébergement, la base de données et le stockage sur une seule facture. Sur Mythex, ils sont payés avec les crédits Cloud mensuels inclus dans le plan.
  • Vous avez besoin d'iPhone en plus d'Android. Avec Mythex Pro, une application publiée peut devenir une application Android que vous envoyez sur Google Play et une application iPhone envoyée vers TestFlight avec votre propre clé App Store Connect, sans Mac. (Elles ouvrent votre application publiée ; ce n'est pas du code Swift ou Kotlin natif.)
  • L'IA n'est pas le but de l'application. Un système de réservation ou un portail client n'a pas besoin de Gemini en son centre, et un créateur généraliste peut s'y adapter plus naturellement.
  • Vous voulez votre propre domaine sans configurer de services Cloud.

Mythex fonctionne ainsi : vous décrivez l'application dans le chat, dans n'importe quelle langue, et il construit une vraie application full-stack avec aperçu en direct, y attache une base Postgres et du stockage de fichiers, et la publie sur une URL publique en un clic. L'offre Free ne demande pas de carte et inclut la publication ; Pro coûte 25 $ par mois et ajoute l'édition du code, l'export, GitHub, les domaines personnalisés et les applications mobiles. Voir la page créateur d'applications IA.

Dans les deux cas, le code vous appartient et vous pouvez l'emporter : AI Studio via GitHub ou ZIP, Mythex via l'export et GitHub avec Pro. Pour une vue plus large des options, voir les meilleurs outils de vibe coding et ChatGPT vs Claude vs Gemini pour créer des applications.

Utiliser Google AI Studio : l'essentiel

  1. Connectez-vous à aistudio.google.com avec un compte Google.
  2. Dans le Playground, choisissez un modèle, saisissez le prompt et appuyez sur Run. Run settings permet de changer les paramètres et les fonctions.
  3. Pour utiliser Gemini depuis votre propre application, créez une clé avec Get API key et enregistrez-la dans une variable d'environnement côté serveur.
  4. Pour créer une application, ouvrez le mode Build et décrivez en texte l'application voulue. Corrigez-la avec le chat ou l'Annotation mode en regardant l'aperçu.
  5. Une fois terminée, déployez-la sur Cloud Run, synchronisez-la avec GitHub ou téléchargez-la en ZIP.

Si vous voulez gérer au même endroit la base de données, l'hébergement, le domaine personnalisé et les applications iPhone et Android, un créateur d'applications IA full-stack comme Mythex est aussi une option.

Questions

Google AI Studio est-il gratuit ?

Google indique que l'utilisation d'AI Studio est gratuite dans les régions où il est disponible, avec un accès gratuit limité à certains modèles. L'usage payant de l'API, certains modèles plus récents, l'ancrage de recherche supplémentaire et l'hébergement Cloud Run peuvent coûter de l'argent ; consultez donc la page de tarifs de Google avant de partager ou de déployer une application.

Qu'est-ce que le mode Build de Google AI Studio ?

Le mode Build est l'espace de vibe coding d'AI Studio. Vous décrivez une application dans un prompt, Gemini génère le code avec un aperçu en direct, et vous l'affinez en discutant ou en surlignant une partie de l'écran. Les applis web reçoivent un frontend React et un serveur Node.js, et il peut aussi générer des applications Android natives.

Les applications Google AI Studio peuvent-elles avoir une base de données et une connexion ?

Oui. D'après la documentation de Google, le mode Build peut configurer Firebase automatiquement, avec Firestore pour les données et Firebase Authentication avec Sign in with Google. D'autres bases de données fonctionnent si votre serveur peut les joindre par le réseau.

Comment publier une application Google AI Studio ?

Vous pouvez la déployer sur Google Cloud Run depuis AI Studio, synchroniser le code avec GitHub, ou télécharger un ZIP et l'héberger ailleurs. Cloud Run fait partie de Google Cloud, sa tarification habituelle peut donc s'appliquer, et avec un ZIP vous devez définir la clé API Gemini sur votre propre hébergeur.

Quand utiliser un créateur d'applications plutôt que Google AI Studio ?

AI Studio est excellent pour les applications construites autour de Gemini et des services Google. Un créateur d'applications full-stack peut mieux convenir quand vous voulez une base de données Postgres, du stockage de fichiers, de l'hébergement, un domaine personnalisé et des applications Android et iPhone gérés au même endroit et payés avec un seul plan, sans configurer un projet Google Cloud.

Mythex · Pricing · Créez tout avec l'IA · Modèles de sites et d'applications · Mythex comparé · Glossaire de la création d'applications avec l'IA · Outils gratuits pour créer des applications avec l'IA · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)