Google lance un Figma killer (gratuit et bluffant)
Stitch, le nouvel outil de design génératif de Google, crée des pages web complètes à partir d'un prompt. Fiches produits, refonte de site, export Figma — le tout gratuit.
Léo Lumina
Consultant IA & E-commerce
Stitch : le design génératif signé Google
Google vient de sortir Stitch, un outil de design génératif qui fait exactement ce que tu imagines : tu tapes un prompt, il te sort une page web complète, responsive, avec des composants, du texte et des animations. Pas encore intégré dans Gemini (pour l’instant), mais accessible gratuitement via son propre portail.
Les possibilités du coup — créer une fiche produit depuis une photo, redesigner un site existant depuis son URL, éditer un design en posant des annotations en langage naturel. Le tout avec export Figma et code HTML/CSS récupérable. Comme pour Voxstral vs ElevenLabs sur la voix, Google arrive avec une alternative gratuite à des outils payants bien installés. Et ça pique.
Pricing : gratuit (pour l’instant)
Je suis en version Gemini Pro et j’accède à Gemini 3 Pro (Thinking) pour les générations. Pour les comptes gratuits, c’est probablement limité au modèle Flash. Dans tous les cas : aucune carte bancaire, aucun crédit à acheter, tu crées un compte Google et tu es parti.
Tu as trois modes :
- Design : tu pars d’un prompt ou d’une image pour créer une page from scratch.
- Redesign : tu colles l’URL d’un site existant et tu demandes une refonte.
- Ideate : brainstorming avec plusieurs propositions pour t’inspirer.
Test 1 : fiche produit depuis une photo
Premier test concret pour un e-commerçant. J’envoie une photo produit (un paquet de matcha, parce qu’il me tombait sous la main) avec un prompt simple :
Crée un template de page produit. Style japonais, dominante verte.
Résultat en 1 minute : deux variations de page produit, logo au thème matcha, typographie asiatique, couleurs respectées. Il n’a pas réutilisé la photo exacte dans les zones produit (petit loupé), mais la base est propre, responsive, et les animations fluides.
Quand tu cliques sur une des pages générées :
- Aperçu live dans un nouvel onglet (vraiment jouable, pas une image).
- Prévisualisation responsive desktop / tablette / mobile en un clic.
- Partage public via un lien unique (parfait pour envoyer à un client ou à ton designer).
- Export Figma ou téléchargement du code HTML/CSS brut.
Pour un e-commerçant solo qui n’a pas de designer, tu passes littéralement de zéro à un mockup présentable en moins de 2 minutes.
L’édition par annotations : la vraie feature killer
C’est là que Stitch se démarque de la concurrence. Une fois ton design généré, tu peux cliquer n’importe où sur la page et ajouter une annotation en langage naturel.
Mes tests :
- Annotation 1 : “Ajouter une deuxième zone de description sous le titre.”
- Annotation 2 : “Ajouter un bouton Acheter.”
Tu cliques sur Apply, il relance une génération en gardant la base intacte et en appliquant tes modifs. Il te crée une nouvelle version à côté de l’original — tu compares, tu choisis.
Ensuite j’ai re-annoté pour dire “faire toute la largeur” sur ma zone de texte. Il l’a fait proprement. Tu peux itérer indéfiniment comme ça, en langage humain, sans toucher un seul outil de design.
C’est exactement le workflow dont rêvent les entrepreneurs qui n’ont pas le budget designer. Tu décris, il applique. Tu veux itérer ? Tu re-décris.
Test 2 : redesign d’un site existant depuis son URL
Deuxième test, plus ambitieux. Je prends un site produit existant (page un peu old-school, peu d’éléments, une seule photo). Je colle l’URL dans Stitch et je demande :
Reprends le design, rends-le plus moderne, ajoute plus d’éléments au scroll, mets mieux en valeur les images.
Il part du site réel (il le scrape), comprend la structure, et me sort deux variations :
- Une version classique refondue : nouveaux blocs, suggestions produits, ajout d’images générées via Nano Banana, notes clients.
- Une version dark plus “premium” : contours retravaillés, fond sombre, images mieux cadrées, tout en gardant le logo d’origine et la palette dominante.
Les deux résultats tiennent la comparaison avec un template premium Shopify. Honnêtement impressionnant vu le temps investi (1 minute 30 de génération).
Pourquoi c’est un game changer pour ton e-commerce
- Tu n’as plus d’excuse pour un site moche. En 5 minutes, tu as un mockup pro.
- Tu peux itérer sans designer. Les annotations remplacent la boucle “retour client > brief > mock > retour” qui prend des semaines.
- Tu peux scrapper tes concurrents. Colle leur URL, demande une refonte moderne, regarde ce que ça donne pour t’inspirer (en restant dans les clous légaux évidemment).
- Tu peux générer des versions mobiles propres de sites qui n’étaient pas responsifs à la base.
Couplé à des outils comme Gemini 3.1 Pro pour générer les images produits ou à un agent Claude Code pour brancher le backend, tu couvres toute la chaîne design-dev en solo.
Les limites honnêtes
- Pas encore intégré à Gemini, donc tu dois jongler avec un outil de plus.
- Le responsive est parfois approximatif sur certains composants (à ajuster manuellement).
- Les images générées dans les designs ne sont pas toujours pertinentes (réflexe : remplacer par tes vraies photos).
- L’outil est gratuit aujourd’hui, mais Google finit toujours par monétiser ses outils IA. Profites-en maintenant.
Verdict : à tester cette semaine, vraiment
Si tu es e-commerçant et que tu passes des heures sur Figma ou sur des templates Shopify payants, Stitch mérite au minimum une demi-heure de ton temps. Dans le pire des cas, tu l’utiliseras pour l’idéation (brainstormer des directions avant de briefer un pro). Dans le meilleur, tu remplaces une partie de ton budget design.
Bref, l’outil est gratuit, l’export Figma/HTML est propre, les annotations en langage naturel sont bluffantes. Fonce.
Dans la même veine sur le blog : Lyria 3 Pro : musique IA dans Gemini · Gemini 3.1 Pro : la fin de la concurrence ? · Améliorer ses photos produits : Flux 2 vs NanoBanana.
Tu veux qu’on refonde ta fiche produit avec ce genre d’outils ? Prenons rendez-vous pour un audit design rapide — ou parcours le blog pour d’autres outils IA orientés e-commerce.
Envie d'échanger sur votre projet IA ?
Discutons-en lors d'un appel découverte gratuit.
Prendre rendez-vous