Stitch by Google : l'IA qui transforme un prompt en maquette d'app et l'exporte vers Figma
Stitch by Google est un outil de design d'interfaces par IA: vous décrivez une application mobile ou un site, il génère les écrans correspondants avec leur code. L'accès est gratuit, sans carte bancaire, tant que le projet vit sous l'étiquette Google Labs. Derrière lui, un rachat: la startup Galileo AI, absorbée par Google, a relancé son produit sous ce nom à la conférence I/O de 2025. La version 2.0, sortie en mars 2026, a apporté le canevas infini, la commande vocale et la génération de cinq écrans reliés en une seule requête.
- Génère plusieurs écrans connectés d'une seule requête
- Export Figma, HTML/CSS et React
- Accepte texte, croquis, capture d'écran et voix
- Gratuit avec des quotas mensuels larges
- Maquettes à consolider avant toute mise en production
- Aucune formule payante pour étendre les quotas
- Produit expérimental, sans garantie de pérennité
Un prompt, cinq écrans reliés, un bouton Play
Stitch génère jusqu'à cinq écrans connectés par une navigation logique, puis les assemble en prototype interactif via le bouton Play. Vous photographiez un croquis griffonné en réunion, vous l'importez, et une maquette structurée apparaît sur le canevas, prête à être retouchée par de simples consignes écrites ou dictées. Google appelle cette approche le vibe design, cousine du vibe coding: vous décrivez une intention, la machine gère les pixels.
La cohérence, elle, passe par deux mécanismes. La sélection multiple applique une même modification à tous les écrans choisis, pendant que le fichier DESIGN.md consigne couleurs, typographies et règles d'espacement pour les réutiliser d'un projet à l'autre. Sous le capot tournent les modèles Gemini 3 de Google, en variante rapide ou plus soignée selon le mode choisi.
Stitch by Google après la maquette: Figma, React ou Firebase
Quatre sorties principales attendent vos écrans une fois la maquette validée. Cette souplesse rapproche Stitch des plateformes sans code, tout en gardant une porte grande ouverte vers le travail de développement classique.
| Format de sortie | À quoi il sert |
|---|---|
| Copie vers Figma | Retravailler les calques avec une équipe design |
| HTML / CSS | Intégrer la page telle quelle dans un site |
| React + Tailwind | Démarrer le développement front sans page blanche |
| Serveur MCP | Passer le relais à un agent de code |
Les quotas gratuits de Stitch, généreux mais sans extension
Stitch accorde environ 550 générations par mois: 350 en mode standard et 200 avec le modèle le plus soigné, sans paiement possible pour aller au-delà. Un compte Google suffit pour démarrer sur stitch.withgoogle.com (le compteur de crédits se niche dans les réglages, autant le savoir).
Reste le statut du produit. C'est une expérimentation Google Labs, badge bêta apposé sur le logo: les conditions peuvent bouger sans préavis, et ces plafonds datent de la phase d'essai. Un coup d'œil au site officiel avant de planifier un gros chantier reste la meilleure assurance.
Questions fréquentes
Stitch by Google est-il gratuit ?
Oui, Stitch est entièrement gratuit pendant sa phase Google Labs, sans carte bancaire ni abonnement. Des quotas s'appliquent, environ 350 générations standard et 200 générations avec le modèle le plus poussé chaque mois, sans possibilité d'acheter du volume supplémentaire. Google pourrait faire évoluer ce fonctionnement à la sortie de bêta.
Stitch remplace-t-il Figma ?
Non, les deux se complètent. Stitch produit rapidement des premiers jets d'écrans, puis les exporte vers Figma sous forme de calques éditables pour le travail fin: états de composants, systèmes de design, collaboration d'équipe. La plupart des designers s'en servent pour l'idéation, puis finalisent dans leur outil habituel.
Peut-on écrire ses consignes en français ?
Oui, Stitch comprend les instructions rédigées ou dictées en français comme en anglais, et génère maquettes, prototypes et code à partir de ces demandes. Les textes affichés dans les écrans générés peuvent toutefois sortir en anglais par défaut: précisez la langue voulue dans votre consigne pour obtenir des libellés français.
Le code exporté est-il prêt pour la production ?
Pas directement. Stitch produit du code front (HTML, CSS, React) qui sert de point de départ solide, mais il ne crée ni backend, ni authentification, ni validations de formulaires. Les testeurs recommandent de consolider le résultat dans un environnement de développement avant toute mise en ligne sérieuse.
Verdict : Le prix est nul, le gain de temps ne l'est pas: chefs de produit, fondateurs et développeurs front obtiennent en quelques minutes des maquettes multi-écrans qui prenaient des jours, et les designers y puisent des pistes à raffiner ensuite dans Figma.
