Test de Google Stitch en 2026 : ce qu'il fait vraiment

Dernière mise à jour: 2026-07-22 11:10:26

Google Stitch a commencé comme Galileo AI avant de devenir un canevas de conception propulsé par Gemini, suffisamment abouti pour faire naître une question : Figma doit-il s'en inquiéter ? En pratique, le constat est moins spectaculaire, mais très utile. Stitch transforme une phrase en interface qui semble prête à livrer en quelques minutes ; le résultat reste toutefois un premier jet destiné à un agent de code, et non un écran à mettre directement en production.

Ce que Google Stitch propose concrètement

  • Le principe : décrivez une application, ou fournissez une capture d'écran ou un wireframe, et Stitch crée une interface modifiable dans un canevas visuel, avec export HTML/CSS.
  • Le prix : gratuit avec un simple compte Google, sur stitch.withgoogle.com. Aucune installation n'est nécessaire.
  • La limite : l'outil est pensé pour transmettre un design au code, pas pour devenir votre outil de conception final.

Les modèles ont évolué rapidement. En juillet 2026, le sélecteur de modèles propose quatre modes :

Sélecteur de modèles Google Stitch : 3 Flash, Thinking with 3.1 Pro, Redesign et Ideate
  • 3 Flash (par défaut) — Gemini 3 Flash. Rapide pour les premières ébauches et conçu pour être « exporté vers des agents de code ».
  • Thinking with 3.1 ProGemini 3.1 Pro. À privilégier pour les parcours multi-écrans qui doivent rester cohérents.
  • Redesign — Nano Banana Pro. Recrée un écran existant à partir d'une capture d'écran.
  • Ideate — permet d'explorer plusieurs directions avant d'en choisir une.

Ce que la mise à jour de 2026 apporte

La mise à jour « vibe design » du 18 mars 2026 a fait passer Stitch d'un générateur d'écrans à un agent conscient du projet dans son ensemble :

  • Canevas infini — chaque génération est placée à côté des autres ; vous pouvez y déposer des images, du texte ou du code comme contexte.
  • Agent de design capable de raisonner à l'échelle du projet, accompagné d'un gestionnaire pour les idées menées en parallèle.
  • DESIGN.md — un fichier Markdown qui contient votre système de design (couleurs, typographie, mise en page) et circule d'un outil à l'autre.
  • Prototypage interactif — reliez les écrans, lancez le mode Play et naviguez dans le prototype.
  • Voix — parlez au canevas, qui applique les modifications en direct.

Google a aussi livré un serveur MCP, un SDK ainsi que des exports vers AI Studio et Antigravity. C'est précisément cette couche d'export qui donne son intérêt à Stitch : elle l'intègre dans une chaîne de production au lieu d'en faire une impasse.

Google Stitch est-il vraiment gratuit ?

Oui : il n'existe pas de formule payante. Le flou concerne les quotas, un sujet sur lequel Google communique très peu.

AffirmationStatut
Gratuit, sans abonnement payant, avec un compte Google uniquementConfirmé sur le site officiel
Quota mensuel ou quotidien exactNon publié ; les chiffres tiers se contredisent (350+200, 350+50, ~400/jour)
Les crédits se réinitialisent selon un cycle et ne peuvent pas être rechargésRapporté, mais non documenté

En pratique, fiez-vous au compteur intégré, attendez-vous à une limite et n'organisez pas une échéance autour d'un chiffre de quota lu sur un blog. Les requêtes simples consomment peu ; les parcours multi-écrans épuisent vite le crédit disponible.

La cohérence entre plusieurs écrans reste le point sensible

C'est la faiblesse la plus souvent relevée chez Stitch, avec une évolution qu'il faut avoir en tête :

  • Au lancement : des utilisateurs de r/UXDesign le trouvaient pertinent pour produire des variations, mais estimaient qu'il « sucks at making flows with many screens ». Les testeurs ont obtenu des « wireframes colorés plutôt que des maquettes abouties », ainsi qu'un formulaire exporté dont le bouton d'envoi ne faisait rien.
  • Le 9 avril 2026 : le compte officiel a listé plusieurs correctifs : l'agent respecte désormais un système de design existant, les modifications de DESIGN.md se synchronisent en retour et les mises en page se chevauchent moins.
  • Ce qui reste à résoudre : fin avril, un développeur résumait ainsi l'écart restant : le passage de l'interface à la production « is still the interesting unsolved problem, Stitch 2.0 helps but doesn't close it entirely ».

Après l'export : le vrai flux de travail

En 2026, le flux réaliste n'est pas « concevoir dans Stitch, publier depuis Stitch ». Il fonctionne plutôt comme un relais :

1. Générez l'interface et le fichier DESIGN.md dans Stitch. 2. Envoyez le code, via export ou MCP, à un agent de code — Claude Code, Codex ou Cursor. 3. L'agent le transforme en application React fonctionnelle. Un développeur a qualifié le passage de Stitch à Claude Code via MCP de « pipeline that kills 'AI slop' for good ».

Avant de faire confiance au code exporté, vérifiez les éléments que Stitch a tendance à laisser de côté : responsive design, formulaires fonctionnels, états de chargement et d'erreur, routage, ainsi que la réutilisation ou la duplication des composants.

Un point sur les coûts : l'agent de code s'appuie sur une API de LLM, facturée séparément du canevas gratuit de Stitch. Cette étape requiert un modèle tel que Gemini ou Claude : Stitch reste gratuit, mais l'agent qui le prolonge est là où l'usage s'accumule.

Stitch face à v0 et Figma Make

OutilApprocheMeilleur résultatPrix
Google StitchDesign d'abord : consigne → interface + codeConcepts multi-écrans rapidesGratuit
v0 by VercelComposants d'abord : consigne → ReactComposants shadcn/ui prêts à intégrerÀ partir de ~$20/mois
Figma MakeDans le canevas : IA intégrée à FigmaModifications sans quitter votre fichierForfait Figma

Ces outils sont davantage complémentaires que concurrents : explorez dans Stitch, générez les composants dans v0, puis assemblez le tout dans Cursor ou Claude Code.

À qui s'adresse Google Stitch ?

  • À utiliser si : vous êtes fondateur, PM ou développeur et devez produire rapidement un concept ; vous n'êtes pas designer mais voulez une interface crédible sans apprendre Figma ; ou votre équipe travaille déjà dans l'écosystème Google.
  • À éviter comme outil de finition si : votre équipe entreprise a besoin d'une bibliothèque de composants gouvernée, ou si vous êtes designer et avez besoin d'un contrôle au pixel près ainsi que d'un rendu prêt pour la production.

Verdict : pour passer d'une idée à une interface conçue et soutenue par du code en quelques minutes, Google Stitch est l'une des options gratuites les plus solides en 2026 — à condition de laisser un agent de code assurer la finition.

FAQ

Google Stitch est-il gratuit ?

Oui, sans formule payante : un compte Google suffit. L'usage est limité par un quota non publié ; surveillez donc le compteur intégré à l'application.

Quel modèle d'IA utilise Google Stitch ?

En juillet 2026 : Gemini 3 Flash par défaut, Gemini 3.1 Pro en mode Thinking et Nano Banana Pro pour Redesign. Ces modèles remplacent l'ancienne configuration basée sur Gemini 2.5.

Google Stitch génère-t-il du code fonctionnel ?

Il génère du HTML/CSS front-end, mais il faut le voir comme un point de départ : des testeurs ont rencontré des boutons inactifs et une logique manquante. Affinez donc le résultat dans un outil de code avant la mise en production.

Respecte-t-il un système de design existant ?

Depuis avril 2026, l'agent essaie de respecter le système que vous avez défini, et DESIGN.md transporte les règles dans les deux sens. C'est mieux qu'au lancement, mais une vérification entre les écrans reste nécessaire.

Google Stitch est-il meilleur que Figma ?

Il permet d'arriver plus vite à un concept ; Figma reste devant pour la collaboration, les systèmes de design et le contrôle de production. La plupart des utilisateurs commencent dans Stitch et terminent ailleurs.