blackdark
OutilsGoogle Stitchstitch iadesign UI avec IAGeminitexte vers UItest

Google Stitch : du prompt au design d'app en quelques minutes (test 2026)

Qu'est-ce que Google Stitch, l'IA de design d'UI de Google Labs : comment passer d'un texte ou d'un croquis à une interface, exporter vers Figma et vers du code HTML/CSS, prix et accès, avantages et limites, et pour qui elle vaut vraiment le coup.

Par BlackdarkMis à jour le 9 min de lecture

Tu as une idée d'app en tête. Un écran de connexion, un tableau de bord, une fiche produit. Mais entre l'idée et quelque chose que tu peux montrer, il y a un gouffre : ouvrir Figma, te battre avec les frames, aligner les cadres, choisir les couleurs. Des heures. Et si tu n'es pas designer, même pas.

Google Stitch attaque précisément ce trou : tu décris l'écran et il te le dessine. En quelques minutes, tu as une interface que tu peux exporter en code ou vers Figma. Ça sonne comme de la magie de démo, alors regardons ce qu'il fait vraiment et là où il coince, sans enfumage.

Note

Stitch vit dans Google Labs, en phase expérimentale. Ça veut dire deux choses : c'est gratuit en ce moment, et les fonctions comme les limites peuvent changer d'un mois à l'autre. Ce qu'on décrit ici, c'est la photo à la mi-2026.

Qu'est-ce que Google Stitch et quel problème il résout

Google Stitch est un outil de design d'interfaces (UI) avec IA publié par Google Labs. L'idée tient en une ligne : tu lui donnes une description en langage naturel —ou une image— et il te renvoie le design d'un écran d'app ou de site, prêt à être retravaillé et exporté.

Ce n'est pas une expérience partie de zéro. Stitch naît de Galileo AI, un projet de génération d'UI avec IA que Google a racheté et intégré à Labs en le rebaptisant. En dessous, il n'utilise pas de magie maison : il orchestre les modèles Gemini 2.5 (Flash pour la rapidité, Pro pour la qualité), les mêmes qui font tourner le reste de l'écosystème Google.

Le problème qu'il résout, c'est le démarrage. La partie la plus coûteuse de tout design n'est pas de peaufiner, c'est d'affronter la page blanche. Stitch t'enlève ce premier coup de pédale : au lieu de partir de zéro, tu commences à éditer quelque chose qui existe déjà. Pour un designer, c'est de la vitesse ; pour un non-designer, c'est carrément la différence entre avoir une maquette ou ne pas en avoir.

Au cours de 2026, il est allé plus loin que le « texte vers un écran » et s'est transformé en un canvas de design natif d'IA : tu peux générer plusieurs écrans connectés d'un coup, ajouter des images et du texte sur le canvas, et travailler avec un agent qui rend des composants au fur et à mesure que tu décris ce que tu veux. La direction est claire : rivaliser d'égal à égal avec Figma sur la phase d'idéation.

Comment on l'utilise

Démarrer est direct. Tu vas sur stitch.withgoogle.com, tu te connectes avec ton compte Google et tu es déjà dedans. Pas d'installation ni d'onboarding interminable. À partir de là, trois chemins.

Texte vers UI

L'usage phare. Tu écris quel écran tu veux avec le niveau de détail qui te chante et Stitch génère le design. Plus tu es précis —type d'app, sections, ton visuel, plateforme—, meilleur est le résultat. Voici un exemple du niveau de détail qui vaut la peine d'être donné :

Prompt d'UI pour Stitch
Conçois l'écran principal d'une app mobile de finances personnelles.
Style : sombre, tech, épuré, avec des accents vert menthe.
Inclus : le solde total en haut en grand, une rangée de cartes
horizontales avec les comptes, un graphique des dépenses du mois et une
liste des 5 dernières transactions avec icône, nom et montant.
Barre de navigation en bas avec 4 icônes : accueil, cartes,
statistiques et réglages. Typographie sans-serif, coins arrondis.

Le mode Standard (Gemini 2.5 Flash) privilégie la vitesse : idéal pour itérer vite et brasser des variantes. Le mode Pro / Expérimental (Gemini 2.5 Pro) est plus lent mais comprend mieux les nuances et les références visuelles, donc tu le gardes pour quand tu veux plus de fidélité.

Image ou croquis vers UI

Tout n'est pas texte. Tu peux envoyer une image de référence —un wireframe dessiné à la main, une capture d'une autre app qui te plaît, un mockup à moitié fait— et Stitch s'en sert comme base pour générer l'interface. C'est la voie rapide quand « tu l'as dans la tête » mais que tu peines à le décrire avec des mots : tu le dessines à la va-vite et tu laisses l'IA le transformer en quelque chose de présentable. Le mode Expérimental avec Gemini 2.5 Pro est celui qui exploite le mieux cette entrée visuelle.

Exporter vers Figma et vers du code

C'est là que Stitch cesse d'être un jouet et devient utile dans un vrai flux de travail. Tu as deux sorties :

  • Code HTML/CSS : il génère le balisage sémantique du design avec des classes Tailwind. Un dev le prend et l'intègre sans avoir à reconstruire la maquette à la main. Ce n'est pas du code de production prêt à déployer, mais c'est un point de départ solide et bien plus rapide que de partir d'un PNG.
  • Figma : en mode Standard, tu peux copier le design et le coller directement dans un fichier Figma. Ça relie Stitch à l'endroit où la plupart des équipes peaufinent pour de vrai : tu génères le brouillon en quelques secondes et tu le raffines là où tu sais déjà travailler.

Astuce

Flux pratique : utilise Standard pour tirer 4 ou 5 variantes rapides d'un écran, garde celle qui te convainc le plus, passe-la dans Figma pour le peaufinage fin et réserve l'export en code pour quand le design est figé. Cramer des générations Pro en phase d'exploration, c'est gaspiller le bon quota.

Prix et accès

La partie facile à résumer : en ce moment, c'est gratuit. Tant que Stitch reste dans Google Labs en tant qu'expérience, il n'y a ni offre payante ni abonnement. Il te faut seulement un compte Google et entrer sur stitch.withgoogle.com.

Ce qu'il y a en revanche, ce sont des limites de générations par mois, qui dépendent du mode :

  • Standard (Gemini 2.5 Flash) — autour de 350 générations par mois. C'est le quota large, pensé pour itérer sans stress.
  • Pro / Expérimental (Gemini 2.5 Pro) — une limite bien plus basse (de l'ordre de quelques dizaines par mois). C'est le mode qualité, donc on le réserve à ce qui compte.

Ces chiffres peuvent bouger : comme c'est un produit dans Labs, Google ajuste les limites selon ce qui l'arrange. Le signal à retenir, c'est que des offres payantes sont attendues vers fin 2026, quand Stitch sortira de la phase expérimentale. Il n'y a pas de prix officiels, donc tout chiffre que tu vois traîner est de la spéculation. Règle Blackdark : ne paie pas pour des rumeurs ; profite de la gratuité actuelle et décide quand ils fixeront un vrai prix.

Le bon et le moins bon, sans maquillage

Avantages

  • De l'idée à la maquette en quelques minutes : ça tue la page blanche, qui est la partie coûteuse.
  • Double sortie réelle : code HTML/CSS avec Tailwind et collage direct dans Figma.
  • Accepte le texte et aussi l'image/le croquis comme point de départ.
  • Gratuit tant qu'il est dans Labs ; il te faut juste un compte Google, rien à installer.
  • Génère plusieurs écrans connectés et fonctionne comme un canvas, pas juste une image isolée.

Inconvénients

  • Ce n'est pas un design prêt pour la production : c'est un brouillon qu'il faut peaufiner.
  • Les limites de génération (surtout en Pro) sont vite atteintes si tu l'utilises sérieusement.
  • Étant dans Labs, fonctions et quotas peuvent changer sans préavis.
  • Le code exporté est un point de départ, pas quelque chose que tu déploies tel quel.
  • Il ne remplace pas le jugement de design : il te donne des options, pas des décisions.

Stitch face aux alternatives

Stitch ne joue pas seul. Il vaut mieux savoir contre qui il rivalise et en quoi il se distingue, car chaque outil résout une partie différente du problème.

  • v0 (de Vercel) — plus tourné vers le code que vers le design. v0 génère des composants React/Tailwind fonctionnels que tu peux déployer presque tels quels, idéal si tu es dev et que ta sortie, c'est du code. Stitch se place un cran avant : il privilégie le design visuel et l'export vers Figma, pensé aussi bien pour les designers que pour les devs. Si tu veux une app fonctionnelle, v0 ; si tu veux l'écran bien résolu pour le construire ensuite, Stitch.
  • Figma AI — ce sont les fonctions d'IA à l'intérieur même de Figma (génération de premières versions, remplissage automatique, etc.). La différence est de philosophie : Figma AI vit dans l'éditeur où tu travailles déjà, tandis que Stitch est la porte d'entrée qui génère le brouillon que tu emmènes ensuite vers Figma. Ce ne sont pas de purs rivaux ; de fait, ils se complètent.
  • Uizard — le concurrent le plus direct sur le « croquis/texte vers UI ». Uizard est là depuis plus longtemps et a un flux abouti pour les wireframes et les prototypes navigables. Stitch arrive avec l'atout Gemini gratuit et l'intégration à l'écosystème Google. Si tu paies déjà Uizard et que ça te va, Stitch ne t'oblige pas à changer ; si tu pars de zéro, la gratuité pèse.

La conclusion honnête : aucune de ces solutions, Stitch inclus, ne te livre un produit fini. Toutes font avancer la balle de « page blanche » jusqu'à « quelque chose de concret sur quoi décider ». C'est ça la catégorie, et là, Stitch se démarque par sa gratuité et sa rapidité.

Pour qui est Google Stitch ?

Ce n'est pas un outil pour tout le monde de la même façon ; il s'ajuste différemment selon d'où tu viens.

Ça t'intéresse si : tu es designer et tu veux prototyper des variantes à toute allure avant de te lancer dans le peaufinage ; tu es dev et tu as besoin d'un point de départ en HTML/CSS pour ne pas monter la maquette à la main ; ou —le cas le plus puissant— tu es non-designer (fondateur, marketeur, maker) et tu dois transformer une idée en quelque chose de visuel à montrer à un client, à un associé ou à un dev, sans savoir utiliser Figma.

Ça ne t'intéresse pas si : tu as besoin d'un système de design cohérent, accessible et prêt pour la production —ça reste le travail d'un designer qui a du jugement—, ou si tu as déjà un flux verrouillé dans Figma avec ton équipe et qu'ajouter un outil de plus ne fait qu'ajouter du bruit.

La vraie question n'est pas « est-ce que Stitch remplace mon designer ? », parce qu'il ne le fait pas et ne le prétend pas. La question, c'est « combien ça vaut pour moi de passer de l'idée à un brouillon visuel en quelques minutes au lieu de quelques heures ? ». Si tu travailles seul, que tu valides des idées vite ou que tu détestes simplement la page blanche, la réponse est « pas mal ». Stitch ne conçoit pas à ta place ; il t'enlève la partie ennuyeuse pour que tu démarres déjà avec quelque chose entre les mains.

FAQ

Google Stitch est un outil de Google Labs qui génère des interfaces utilisateur (UI) d'apps et de sites à partir d'une description en texte ou d'une image/d'un croquis. En dessous, il utilise les modèles Gemini 2.5 et renvoie un design visuel que tu peux exporter en code HTML/CSS ou emmener vers Figma. Il est né du projet Galileo AI, que Google a racheté.

Oui, tant qu'il reste en phase expérimentale dans Google Labs, il est gratuit. Le mode Standard (Gemini 2.5 Flash) offre autour de 350 générations par mois, et le mode Pro/Expérimental (Gemini 2.5 Pro) a une limite mensuelle plus basse. Il te faut seulement un compte Google. Des offres payantes sont attendues vers fin 2026, mais il n'y a pas encore de prix officiels.

Tu as deux sorties. La première, c'est du code : il génère le HTML et le CSS (avec des classes Tailwind) du design pour qu'un dev le reprenne. La seconde, c'est Figma : en mode Standard, tu peux copier le design et le coller directement dans un fichier Figma pour continuer à le travailler avec ton équipe.

Oui. En plus de décrire l'écran avec des mots, tu peux envoyer une image —un wireframe, une capture d'une autre app ou un croquis fait à la main— et Stitch s'en sert comme référence pour générer l'UI. Le mode Expérimental avec Gemini 2.5 Pro est celui qui exploite le mieux l'entrée image.

Pour les designers qui veulent prototyper vite, les devs qui ont besoin d'un point de départ en code et, surtout, les non-designers (fondateurs, marketeurs, makers) qui doivent visualiser une idée sans savoir utiliser Figma. Si tu cherches un système de design abouti et prêt pour la production, ça reste le travail d'un designer : Stitch te donne le brouillon, pas la livraison finale.

Partager
Newsletter

Recevez les prochains guides par e-mail

Des idées et ressources sur l'IA et le marketing, sans remplissage. Ce qui marche et comment l'appliquer.

Des idées et des ressources, sans spam. Désabonne-toi quand tu veux.

Ce guide vous est utile ?

S'abonner