Revue Google Stitch (2026) : est-ce gratuit ? Fonctionnalités, exportation Figma, MCP et alternatives25 min read

Google Stitch est un outil de conception d’IA gratuit de Google Labs qui transforme une invite de texte, une image ou une référence de site Web en écrans d’interface utilisateur haute fidélité, puis vous permet de les affiner sur un canevas infini et de les exporter vers Figma, code, Google AI Studio ou Antigravity. Il a débuté en mai 2025 en tant qu’expérience d’invite à l’interface utilisateur et est devenu un canevas de conception natif pour l’IA en mars 2026. Cette revue s’adresse aux concepteurs, aux chefs de produit et aux fondateurs qui souhaitent savoir ce que Stitch fait bien, où il s’arrête et s’il peut remplacer Figma.

Les faits reflètent les propres annonces de Google, les documents des développeurs Google et les rapports publics des utilisateurs en date de novembre 2026. Stitch est un produit Google Labs, donc les fonctionnalités et les limites changent souvent. Confirmez les détails actuels sur stitch.withgoogle.com. Cet examen s’appuie sur le matériel officiel de Google et les rapports publics des utilisateurs.

Notre verdict en une ligne : Stitch est le meilleur moyen gratuit d’explorer rapidement les directions de l’interface utilisateur, et ses liens avec Google AI Studio et Antigravity sont véritablement utiles pour les constructeurs. Ce n’est pas un remplacement Figma. La sortie peut sembler générique, les exportations vers Figma arrivent souvent sous forme de structure plate et Google ne publie pas de limite ferme de niveau gratuit ni de plan à long terme. Vous trouverez ci-dessous les fonctionnalités, les limites, l’exportation Figma et de code, MCP, une procédure pas à pas avec des exemples d’invites, ce que disent les utilisateurs et les meilleures alternatives, y compris Anima Playground.

À l’ère de l’IA, le design est du code. Pour concevoir directement en code avec l’IA, ou pour transformer vos conceptions Figma en code, utilisez Aire de jeux Anima: décrivez un écran ou partez d’un design Figma, puis continuez à itérer sur une application modifiable que vous pouvez prévisualiser et publier.

Revue Google Stitch : verdict rapide

Idéal pour l’exploration gratuite et pour les constructeurs de la pile Google. Moins adapté aux équipes qui ont besoin de composants natifs Figma, d’un contrôle strict de la marque ou d’un produit garanti à long terme.

Qu’est-ce que Google Stitch ?

Stitch est une expérience de Google Labs qui génère des interfaces utilisateur à partir du langage naturel, des images et d’autres contextes. Google a acquis Galileo AI en mai 2025 et a lancé Stitch sur Google I/O ce mois-là, basé sur Gemini 2.5. Les utilisateurs de Galileo disposaient de 30 jours pour migrer. Si vous avez recherché Galileo AI, c’est le produit qui l’a remplacé.

Chronologie de ce qui a changé

Fonctionnalités de Google Stitch en 2026

Invite, image, URL ou voix vers l’interface utilisateur

Vous pouvez commencer par expliquer l’objectif commercial, le sentiment que vous souhaitez ou une référence, au lieu de dessiner un wireframe. Stitch accepte également les images, le texte et le code comme contexte sur le canevas, et vous pouvez parler au canevas pour des critiques et des modifications en direct. La boîte de dialogue comporte une bascule Application et Web et un sélecteur de modèle, que les propres démos de Google affichent sous forme d’options telles que 3 Flash et 3.1 Pro.

Infinite Canvas, agent de conception et gestionnaire d’agent

La toile contient des écrans, des références et des idées en un seul endroit. L’agent de conception raisonne sur l’ensemble du projet, et le gestionnaire d’agent suit plusieurs explorations en parallèle. Lors de l’I/O 2026, Google a ajouté le streaming en temps réel, afin que vous puissiez regarder Stitch créer une page et pouvoir la diriger avant qu’elle ne se termine.

Systèmes de conception et DESIGN.md

Stitch peut extraire un système de conception à partir de n’importe quelle URL et utilise DESIGN.md, un fichier Markdown avec des jetons de conception en YAML ainsi qu’une justification écrite pour les couleurs, le type, l’espacement et les composants. Vous pouvez l’exporter, l’importer dans un autre projet Stitch ou le partager avec un agent de codage. Google a publié le projet de spécification en open source en avril 2026 afin que d’autres outils puissent l’utiliser.

Prototypes instantanés

Vous pouvez relier les écrans entre eux et appuyer sur Play pour cliquer sur un flux. Stitch peut également générer des écrans suivants logiques à partir d’un simple clic, qui cartographient rapidement un voyage. Pour savoir pourquoi les flux et les prototypes sont importants à différentes étapes, voir wireframes vs prototypes.

Partager, publier et exporter

À partir du canevas, vous pouvez créer un lien partageable via Google AI Studio, exporter vers Google Antigravity pour ajouter une logique backend ou publier sur le Web avec Netlify. Le propre panneau d’exportation de Google dans la démo I/O répertorie Google AI Studio, Google Antigravity via MCP et Figma.

Google Stitch est-il gratuit ? Tarifs et limites

Oui. Stitch est gratuit avec un compte Google sur stitch.withgoogle.com et il n’y a pas de forfait payant. Il s’agit d’un produit Google Labs, accessible aux personnes de 18 ans et plus dans un grand nombre de pays, il n’est donc peut-être pas proposé partout.

Le conseil pratique est d’explorer en mode Rapide, d’enregistrer le modèle Pro pour les écrans que vous prévoyez d’expédier et d’exporter le travail terminé le jour même.

Google Stitch vers Figma : comment fonctionne l’export

Stitch prend en charge le copier-coller sur Figma, et Google affiche Figma dans son panneau d’exportation. En pratique, les détails comptent :

• Des rapports sur le forum des développeurs de Google et sur Reddit indiquent que Copier vers Figma n’est pas proposé pour les conceptions réalisées dans les modes Thinking ou Pro, de sorte que la qualité et l’exportation Figma peuvent tirer dans des directions opposées.
• Les utilisateurs de Reddit décrivent les importations dans lesquelles le texte arrive sous forme de vecteurs et les cadres sont utilisés comme espacement dans la mise en page automatique, une grande partie du résultat doit donc être reconstruite.
• Une solution de contournement courante consiste à télécharger le code Stitch et à l’importer dans Figma avec un plugin tel que html.to.design, qui tend à donner une importation plus fidèle.

Le flux de travail judicieux consiste à terminer l’itération dans Stitch, à exporter une fois, puis à reconstruire les composants et jetons appropriés dans Figma. Chaque régénération invalide le nettoyage manuel que vous avez effectué lors d’une exportation précédente. Si vous voulez un agent dans Figma qui respecte déjà vos composants, regardez Anima’s Buddy ou Nodey du pilote UX.

Exportation de code Google Stitch et MCP

Stitch a produit du code frontal depuis son lancement, et les critiques décrivent le HTML avec les classes Tailwind que les développeurs peuvent utiliser comme point de départ. Traitez-le comme un échafaudage : un gros composant avec des données statiques est un résultat courant, alors prévoyez de diviser les composants et l’état des câbles.

Le serveur Stitch MCP et le SDK sont l’histoire de développeur la plus intéressante. Un agent de codage tel que Google Antigravity peut récupérer votre projet, lire les jetons et les écrans de conception et construire à partir d’eux. Le propre atelier de programmation de Google explique la création d’une clé API dans les paramètres Stitch, l’ajout du Stitch MCP dans Antigravity, la génération d’un DESIGN.md et la création d’un site React et Tailwind. La référence MCP répertorie les outils permettant de créer des projets, de générer des écrans à partir de texte, d’éditer des écrans, de générer des variantes et de gérer des systèmes de conception, y compris le téléchargement d’un DESIGN.md.

Si votre objectif final est une application React ou HTML fonctionnelle plutôt qu’un fichier de conception, comparez cet itinéraire avec Aire de jeux Anima, qui crée directement l’application modifiable.

Comment utiliser Google Stitch : une procédure pas à pas

Cette procédure pas à pas fait suite aux propres annonces de Google, aux documents de développement et aux vidéos de démonstration d’E/S. Les invites ci-dessous sont des points de départ pour vous essayer, et les résultats varient d’une exécution à l’autre. Les images sont les visuels officiels de Google, crédités comme tels, plus une vue de la page de destination publique. Les points changent souvent, donc les noms des boutons et les noms des modèles peuvent différer lorsque vous l’ouvrez.

Si vous souhaitez également comparer les outils, essayez la même invite d’échange de plantes ci-dessous dans Stitch et dans UX Pilot. Notre Examen du pilote UX montre comment cette invite s’est déroulée, afin que vous puissiez comparer les deux avec la liste de contrôle à la fin.

Étape 1 : ouvrez Stitch et connectez-vous

Accédez à stitch.withgoogle.com et connectez-vous avec un compte Google. Stitch est un produit Google Labs destiné aux personnes de 18 ans et plus dans les pays pris en charge. La page de destination publique est une boîte de dialogue unique avec une bascule Application et Web, une puce de modèle et quelques suggestions de démarrage.

Au moment de la rédaction de cet article, la puce modèle sur la page publique indique Équilibré, tandis que les cadres de démonstration d’E/S de Google affichent des noms de modèles tels que 3 Flash et 3.1 Pro. Les noms et les options changent entre les versions, alors choisissez les options rapides et de haute qualité proposées par l’application le jour même.

Étape 2 : choisissez Application ou Web et un modèle

La bascule indique à Stitch si vous concevez une application mobile native ou une page Web. La propre démo de Google utilise le Web. Pour l’invite d’échange de plantes ci-dessous, choisissez App. Pour protéger vos générations gratuites, explorez avec le modèle le plus rapide et conservez le modèle de meilleure qualité pour les écrans que vous envisagez d’expédier. Les limites sont couvertes ci-dessus dans la section tarification.

Étape 3 : rédigez une invite, avec le contexte

Les conseils de Google sont de commencer par l’objectif commercial, le sentiment que vous souhaitez que les utilisateurs ressentent ou par des exemples de ce qui vous inspire, plutôt que par un wireframe. Stitch accepte également les images, le texte et le code comme contexte sur le canevas et peut extraire un système de conception à partir d’une URL. Voici l’invite de démonstration de Google tirée de la vidéo d’E/S, telle qu’elle apparaît à l’écran dans l’image de la boîte d’invite plus haut dans cette revue :

créer une page de destination réactive pour willamette pizza co. pour la palette de couleurs, faisons en sorte que l’arrière-plan principal soit un blanc cassé chaud, l’arrière-plan secondaire soit un bleu ciel brillant et doux et ait une couleur d’accent bleu ciel vibrante…

Et voici un brief que vous pouvez essayer sur Stitch et UX Pilot. Choisissez App, collez-la et soumettez :

Une application mobile pour une communauté d’échange de plantes de quartier : flux d’accueil, page de détails de la plante et écran de discussion. Accent propre, convivial et vert.

Conseils qui suivent les conseils de Google : nommez les écrans souhaités, indiquez le sentiment (propre, convivial), donnez une couleur d’accent et joignez une image de référence si vous en avez une.

Étape 4 : regardez-le générer et diriger

Lors de l’I/O 2026, Google a déclaré que Stitch diffusait désormais son travail directement sur le canevas, afin que vous puissiez regarder une page prendre forme. L’agent Stitch vous permet de piloter les itérations avant que le résultat ne soit définitif, et le gestionnaire d’agents suit plusieurs explorations en parallèle. Dans la démo de Google, vous pouvez également parler au canevas pour demander des critiques ou des modifications.

Étape 5 : modifier avec des invites de suivi

Une fois les écrans existants, affinez-les avec de courts suivis dans le chat, ou sélectionnez un écran et demandez une modification. La référence MCP de Stitch répertorie également les outils permettant d’éditer des écrans et de générer des variantes, ce qui est utile lorsque vous souhaitez plusieurs directions d’un écran. Un suivi que vous pouvez essayer sur le résultat de l’échange de plantes :

Faire du flux d’accueil une grille à 2 colonnes et ajouter une barre de recherche

Lorsque vous comparez des outils, notez si le reste de l’écran reste le même après une modification, car les modifications de style régénéré peuvent modifier des zones sur lesquelles vous n’avez pas demandé.

Étape 6 : appliquer un système de conception avec DESIGN.md

Stitch peut extraire un système de conception à partir d’une URL et stocke les règles de conception dans DESIGN.md, un fichier Markdown avec des jetons et une justification écrite. Vous pouvez l’exporter, l’importer dans un autre projet Stitch ou le confier à un agent de codage. La démo de Google applique un système de conception à un site entier avec une invite en langage simple :

Appliquez ce système de conception à l’ensemble du site.

Étape 7 : associez les écrans et appuyez sur Play

Google indique que vous pouvez assembler des écrans en quelques secondes et cliquer sur Lecture pour prévisualiser le flux. Stitch peut également générer des écrans suivants logiques en un seul clic, ce qui vous aide à planifier rapidement un voyage. Pour l’application d’échange de plantes, associez le flux à la page de détail et la page de détail au chat, puis cliquez dessus.

Étape 8 : partager et exporter

Lorsque vous avez terminé, ouvrez Exporter. La démo I/O de Google montre Google AI Studio, Google Antigravity via MCP et Figma. Vous pouvez également créer un lien partageable via AI Studio ou publier sur le Web avec Netlify. Pour les développeurs, le Stitch MCP et le SDK ont besoin d’une clé API provenant des paramètres de Stitch, comme le décrit l’atelier de programmation de Google. Lisez les notes d’exportation Figma ci-dessus avant de vous fier à Copier vers Figma.

Une liste de contrôle pour juger de votre propre résultat

• Est-ce que chaque écran que vous avez nommé existe, avec un contenu réaliste au lieu d’un texte d’espace réservé ?
• La couleur et le type d’accent sont-ils cohérents sur tous les écrans ?
• Après l’invite de modification, seule la zone demandée a-t-elle changé ?
• Combien de générations l’exploration a-t-elle utilisée et combien de temps le nettoyage dans Figma a-t-il pris ?

Sources : Google annonce de conception d’ambiance, le Mise à jour de la conception des E/S en temps réel et le Annonce DESIGN.md.

Ce que disent les utilisateurs de Google Stitch

• Loué : la vitesse, un niveau gratuit généreux, la génération multi-écrans, le canevas, l’extraction du système de conception et les liens de développement vers AI Studio, Antigravity et MCP.
• Critiqué : sortie simple ou générique même avec des références, contrôle faible sur les conceptions SaaS et d’entreprise complexes, exportations Figma qui nécessitent une reconstruction, atteinte des plafonds de génération mensuels et erreurs de génération occasionnelles signalées sur le forum de Google.

Un concepteur sur r/UX_Design dit que Stitch est « un outil d’idéation et d’itération rapide incroyable », mais que les résultats sont restés « très simples et génériques » même après l’ajout de références. Un utilisateur de r/StitchAI dit qu’une grande partie de ce qu’ils récupèrent doit être recréée à partir de zéro après l’importation dans Figma. Les deux sont des rapports individuels et non des taux mesurés.

Avantages et inconvénients de Google Stitch

Google Stitch vs Figma : Stitch peut-il remplacer Figma ?

Non, et Google ne le positionne pas de cette façon. Stitch est propriétaire de la phase zéro à un : explorer les directions, obtenir un premier design et le transmettre au code. Figma possède le raffinement, les composants, les variables, la collaboration et le transfert pour les grandes équipes. Les deux se rencontrent à l’étape de l’exportation, où se situent l’essentiel des frictions.

Si vous souhaitez voir le propre outil de prototype d’IA de Figma, lisez notre guide pour Figma Faire.

Meilleures alternatives à Google Stitch

1. Aire de jeux Anima

Choisissez Anima Playground lorsque vous souhaitez concevoir directement dans le code. Décrivez un écran ou partez d’un design Figma, d’une image ou de l’URL d’un site Web, puis continuez à itérer sur une application HTML ou React modifiable que vous pouvez prévisualiser, partager et publier. Stitch est un outil d’exploration de conception qui exporte du code. Playground traite l’application fonctionnelle comme la conception, de sorte que l’espacement, les états et le comportement réactif sont visibles pendant que vous itérez. Ce n’est pas une source de couches Figma natives, alors associez-le au plugin Anima Figma ou à Buddy si vous en avez besoin.

2. Pilote UX

Mieux pour les équipes centrées sur Figma : Nodey s’exécute dans Figma, importe vos composants et génère des couches natives. Cela coûte des crédits au-delà d’une indemnité journalière gratuite. Voir notre Examen du pilote UX.

3. Création Figma

Prototypes interactifs dans Figma. Lire qu’est-ce que Figma Make ou le Comparaison entre Figma Make et Anima Playground.

4. Claude Conception

Concepts, diapositives et prototypes animés par chat avec un transfert de Claude Code. Voir notre Avis sur Claude Design.

5. Copain par Anima

Un agent de conception IA dans Figma qui utilise le contexte de votre système de conception. Choisissez-le si vous souhaitez rester sur la toile Figma.

Qui devrait utiliser Google Stitch ?

• Fondateurs et PM qui ont besoin d’une première conception crédible sans payer pour un outil.
• Créateurs explorer de nombreuses directions avant d’ouvrir Figma.
• Développeurs qui souhaitent un contexte de conception pour Antigravity ou un autre agent compatible MCP.

regarde ailleurs si vous avez besoin d’un contrôle strict de la marque, de composants Figma natifs, d’une capacité garantie ou d’un produit stable à long terme.

Verdict final : Google Stitch en vaut-il la peine ?

Oui, en tant qu’outil d’exploration gratuit. Utilisez-le pour obtenir rapidement plusieurs directions, puis déplacez le gagnant vers Figma ou un agent de codage et exportez le même jour. Ne planifiez pas de flux de travail d’agence autour de cela jusqu’à ce que Google publie des limites et une feuille de route. Si vous souhaitez que le design et l’application fonctionnelle restent ensemble, essayez ensuite Anima Playground.

Concevoir directement dans le code avec l’IA

Concevoir avec l’IA : décrivez un écran ou transformez les conceptions Figma en code.

FAQ Google Stitch

Qu’est-ce que Google Stitch ?

Google Stitch est un outil d’IA de Google Labs qui génère des conceptions d’interface utilisateur et du code frontal haute fidélité à partir d’invites de texte, d’images et d’autres contextes sur un canevas infini. Il a été lancé en mai 2025 et a remplacé Galileo AI, acquis par Google.

Google Stitch est-il gratuit ?

Oui. Stitch est gratuit avec un compte Google et n’a pas de forfait payant. Des limites de génération mensuelles s’appliquent et l’assistance Google a cité 350 générations standard et 50 générations expérimentales par mois en août 2025. Les rapports ultérieurs diffèrent, alors vérifiez la limite actuelle dans l’application.

Comment puis-je me connecter à Google Stitch ?

Accédez à stitch.withgoogle.com et connectez-vous avec un compte Google. Stitch est un produit Google Labs destiné aux utilisateurs de 18 ans et plus et il peut ne pas être disponible dans tous les pays.

Google Stitch peut-il exporter vers Figma ?

Oui, avec Copier sur Figma et Coller, mais il est signalé comme indisponible pour certains modes et arrive souvent sous forme de calques plats. De nombreux utilisateurs téléchargent le code et l’importent à la place avec un plugin tel que html.to.design.

Google Stitch dispose-t-il d’un serveur MCP ?

Oui. Le serveur Stitch MCP et le SDK permettent aux agents de codage tels que Google Antigravity de lire vos projets, de générer des écrans et d’utiliser votre système de conception. Vous créez une clé API dans les paramètres de Stitch pour vous connecter.

Quelles sont les meilleures alternatives à Google Stitch ?

Anima Playground est un bon choix si vous souhaitez une application HTML ou React modifiable à partir d’une invite ou d’une conception Figma. UX Pilot convient aux équipes Figma, Figma Make convient aux prototypes interactifs dans Figma et Claude Design convient aux concepts basés sur le chat.