Google Stitch : L'Outil Gratuit Qui a Fait Chuter Figma de 8% en Une Journée

L'action Figma a perdu 8% en une seule journée. Puis encore 4% le lendemain. Soit environ 12% sur deux jours.

La raison ? Un outil Google. Gratuit. Accessible à tout le monde.

Ça s'appelle Stitch. Et la mise à jour de cette semaine transforme un simple générateur d'UI en une vraie plateforme de design pilotée par l'IA.

C'est quoi Stitch, déjà ?

Stitch est sorti discrètement sur Google Labs en 2025. À l'époque, c'était un outil assez basique : tu décrivais une interface en texte, et il te générait un écran. Sympa, mais limité.

La version qui vient de sortir (18 mars 2026), c'est un tout autre produit. Google l'a reconstruit autour de 5 nouvelles fonctionnalités, et ils ont inventé un terme pour ça : le "vibe design".

Le concept est simple. Au lieu de placer des rectangles pixel par pixel dans Figma pendant des heures, tu décris ce que tu veux, tu montres des inspirations, et l'IA construit pour toi. Tu ajustes, tu itères, tu testes. Le tout depuis un seul espace de travail.

Et c'est 100% gratuit. Pas de carte bancaire. Pas d'abonnement. Juste un compte Google.

Tu as droit à 350 générations standard + 50 générations expérimentales (avec Gemini 2.5 Pro) par mois. Pour la plupart des projets, c'est largement suffisant.

L'accès : stitch.withgoogle.com

Les 5 nouvelles fonctionnalités

1. Le Canvas Infini (AI-Native Canvas)

L'ancienne version de Stitch, c'était un champ de texte et un écran généré. Point.

Le nouveau Stitch, c'est un canvas infini. Un espace de travail sans limites où tu poses tout ce que tu veux : des prompts texte, des screenshots de sites concurrents, des bouts de code, des images d'inspiration, une photo de croquis sur un tableau blanc. L'IA prend tout ça en contexte et génère en conséquence.

Tu peux maintenant générer jusqu'à 5 écrans en même temps (avant c'était un seul). Et il y a un "Agent Manager" qui garde la trace de toutes tes variations et directions de design. Tu explores trois pistes différentes pour ta landing page ? Elles sont toutes là, organisées, cliquables.

L'idée derrière, c'est de travailler comme tu penses. Pas "ouvre un fichier, crée un artboard, place un composant". Plutôt "jette tout sur la table, laisse l'IA connecter les points".

2. Un Agent Design Plus Intelligent

L'agent de design a été reconstruit pour comprendre le projet dans son ensemble, pas juste l'écran sur lequel tu travailles.

Concrètement, ça veut dire quoi ?

Tu peux lui dire "change le logo sur toutes les pages" et il le fait partout. Tu peux lui demander "adapte ce design desktop pour mobile" et il ne se contente pas de réduire la taille. Il réorganise la mise en page, empile les éléments, ajuste les zones de clic pour le pouce.

Le truc qui m'a le plus marqué : le mode interview. Au lieu de te demander un prompt précis, l'agent te pose des questions. "C'est quoi ton business ?" "Comment tu veux que tes utilisateurs se sentent ?" "Qu'est-ce qui t'inspire ?" Et il construit le design à partir de tes réponses. Pour quelqu'un qui n'est pas designer, c'est une vraie bouée de sauvetage.

Il peut aussi critiquer ce qui est sur le canvas et suggérer des améliorations. Comme un directeur artistique qui regarde par-dessus ton épaule (mais en moins stressant).

Et le petit bonus : les heat maps prédictives. L'agent superpose une carte de chaleur sur n'importe quel écran pour te montrer où les utilisateurs vont regarder en premier, où ils vont cliquer. Ça utilise des données d'eye-tracking et de comportement utilisateur. Tu n'as besoin d'aucun trafic réel pour ça. Tu designs, tu cliques "Predictive Heat Map", et tu vois immédiatement si ton CTA est bien placé ou si les gens vont le rater.

C'est pas un remplacement pour de vrais tests utilisateurs, mais pour un premier check rapide pendant que tu designs, c'est exactement ce qu'il faut.

3. Le Mode Vocal (Voice Canvas)

C'est en preview pour l'instant, mais c'est la fonctionnalité qui fait le plus "futur".

Tu parles à ton canvas. L'IA t'écoute, voit ce que tu as sélectionné, et construit en temps réel pendant que tu parles.

"Donne-moi trois options de menu différentes." "Montre-moi cet écran avec une palette de couleurs plus chaude." "Ajoute une section témoignages sous le hero."

Ça marche, et c'est fluide.

L'agent peut même t'interviewer à la voix. Tu lui parles de ta marque, de tes clients, de ce que tu veux transmettre, et il te sort une landing page basée sur cette conversation.

Pourquoi la voix marche mieux que le texte dans ce contexte ? Parce que quand tu parles, tu exprimes une intention : "fais que les cartes respirent plus". Quand tu tapes, tu as tendance à écrire des instructions techniques : "ajoute un padding de 24px avec un gap de 16px". L'intention produit de meilleurs résultats que la spec technique.

4. Les Prototypes Instantanés

Avant, Stitch générait des images statiques. Maintenant, tu cliques sur "Play" et ton design devient interactif.

Tu cliques sur un bouton dans le prototype, et Stitch génère automatiquement l'écran suivant. Tu as un écran de listing produits ? Il te crée la page détail, le panier, le checkout. Il gère même les états connecté/déconnecté, les pages d'erreur, les états vides.

Tu peux tester directement sur ton téléphone. Stitch génère un QR code, tu le scannes, et le prototype tourne dans le navigateur de ton smartphone. Tu swipes, tu tapes, tu vois exactement ce que tes utilisateurs verront.

Et tu peux partager un lien en un clic. Pour montrer à un client, un investisseur, ou juste tester avec des gens autour de toi.

On passe d'un outil qui te montre à quoi ça ressemble, à un outil qui te montre comment ça marche.

5. Design Systems et DESIGN.md

C'est probablement la fonctionnalité la plus technique, mais aussi la plus utile sur le long terme.

Quand tu crées un projet dans Stitch, un système de design est automatiquement généré. Couleurs, typographie, espacements, composants. Tu modifies un élément une fois, et ça se répercute sur tous les écrans connectés.

Le format s'appelle DESIGN.md. C'est un fichier markdown qui documente ton système de design dans un langage simple et lisible, autant par les humains que par les IA.

Tu peux le créer de plusieurs manières :

• Depuis une URL : tu donnes l'adresse d'un site que tu aimes, Stitch en extrait la palette, la typo, les patterns de design
• Depuis une image : tu uploades un logo ou une image de marque, et il construit le système autour
• À la main : tu écris directement en markdown, avec tes codes couleur, tes polices, tes règles ("utiliser la couleur primaire avec parcimonie", "ne pas mélanger les coins arrondis et les angles droits dans la même vue")
• Par prompt : "rends tout plus corporate" ou "montre-moi la version startup"

Le gros avantage du DESIGN.md : il est portable. Tu peux l'utiliser dans Stitch, dans Google AI Studio, dans Antigravity (l'IDE IA de Google), et même le donner à ton agent de code (Claude Code, Cursor, etc.) pour qu'il construise avec les bonnes couleurs et la bonne typo dès le départ.

L'export : vers Figma et vers du code

Stitch ne te force pas à rester dans Stitch.

Vers Figma : il y a un bouton "Paste to Figma". Tu cliques, tu ouvres Figma, Cmd+V. Le design arrive avec des Auto Layouts propres, des calques nommés, des groupes logiques. C'est pas une image aplatie, c'est un fichier Figma éditable. Pour les designers qui veulent peaufiner dans Figma après avoir exploré dans Stitch, c'est le workflow idéal.

Vers du code : Stitch exporte du HTML + CSS (dont Tailwind CSS). Le code est propre, responsive, avec des noms de classes sémantiques et une utilisation correcte de flex/grid. Pour un prototype, un MVP ou un outil interne, c'est directement utilisable.

Un SDK et un serveur MCP existent aussi. Tu peux connecter Stitch à des agents de code comme Claude Code ou Cursor pour passer du design au code fonctionnel sans friction. Google a même publié des "skills" sur GitHub (stitch-skills) pour automatiser le pipeline design → code.

Pourquoi Figma a pris une claque en bourse

Mettons les choses en perspective.

Figma coûte entre 12€ et 90€ par mois et par personne. Pour une équipe de 20 personnes, ça fait environ 13 000€ par an. Stitch coûte 0€.

Figma reste supérieur pour le travail d'équipe (collaboration temps réel, commenting, branching), pour les gros systèmes de design (200+ composants), et pour le handoff production. C'est un outil mature avec 2000+ plugins et un écosystème rodé.

Mais Stitch vient grignoter un terrain que Figma n'a jamais bien couvert : la phase 0-à-1. Le moment où tu passes d'une idée floue à un premier design tangible. Avec Stitch, cette phase prend des minutes au lieu d'heures. Et c'est gratuit.

Le vrai danger pour Figma, ce n'est pas que leurs utilisateurs actuels partent. C'est que la prochaine génération de créateurs ne ressente jamais le besoin de s'y inscrire.

Ce que ça change concrètement pour toi

Si tu es solopreneur, créateur de contenu, coach, formateur, consultant, et que tu as une idée d'app, de site, ou de micro-SaaS, la barrière du design vient de tomber.

Tu n'as plus besoin de savoir utiliser Figma. Tu n'as plus besoin de payer un designer pour un premier prototype. Tu n'as même plus besoin de savoir ce qu'est un "composant UI" ou un "auto layout".

Tu décris ce que tu veux. En texte. À la voix. En montrant un site que tu aimes. Stitch construit.

Tu testes sur ton téléphone. Tu ajustes. Tu exportes le code. Tu le donnes à un agent IA qui ajoute la logique métier.

Le workflow complet en 2026 : Stitch pour le design → Claude Code (ou Lovable) pour le code → déploiement.

Si ça t'intéresse de construire ton propre micro-SaaS avec cette approche, j'ai écrit un guide complet qui détaille la méthode pas à pas : Créer une webapp en 2026 sans savoir coder.

La technique compte de moins en moins. Ce qui compte maintenant, c'est ton instinct, ton goût, et tes idées.

Et avec des outils comme Stitch, ces idées n'ont plus aucune raison de rester dans un coin de ta tête.