Votre nouveau designer préféré s’appelle Stitch
Vous vous souvenez de
Stitch, l’outil de Google Labs
qui transformait vos gribouillis d’enfant de maternelle en interfaces pour votre prochain site de dropshipping à plusieurs millions ?
Hé bien la bestiole a sacrément grandi depuis septembre dernier avec un canvas infini (comme l’univers et la connerie humaine, hein), un agent de design dopé, et même un mode voix, prototypage instantané… Cette mise à jour transforme enfin ce prototype d’outil en une vraie plateforme de design, propulsée par les derniers modèles Gemini. Et c’est toujours gratuit ! Avec Google, je ne suis pas surpris… s’ils veulent bouffer Figma, Canva et tous les designers du monde, y’a pas le choix.
Tout d’abord, l’interface a été entièrement repensée autour d’un canvas spatial infini de type node-based. Vous pouvez y balancer des screenshots PNG, du code React, un brief Notion de 10 pages, et cela permet à l’IA de “raisonner” sur l’ensemble du contexte. Y’a aussi un “Agent Manager” qui permet de lancer plusieurs directions de design en parallèle, chacune avec son propre agent. Genre vous explorez 3 variantes de landing page pendant que le café coule !
Le truc le plus dingue, c’est le mode voix dont je vous parlais qui est encore en preview mais que je trouve très prometteur. En gros, vous parlez à
Stitch
, il “voit” ce sur quoi vous bossez et ce que vous cliquez, puis il modifie le design en temps réel. “Change-moi ce menu“, “montre-moi 3 palettes de couleurs“… et voilà c’est torché. Il peut même vous interviewer pour comprendre vos besoins et générer un brief produit directement sur le canvas. Franchement, j’ai testé, et même si la dame IA parle en anglais, on peut lui causer en français et elle capte et fait les modifs, donc c’est top !
Piloter une maquette à la voix pendant qu’on griffonne des notes sur un carnet, c’est le genre de workflow qu’on ne voyait nulle part il y a encore quelques mois. Et ce fichu “vibe design” qu’on nous vend depuis l’arrivée des outils comme v0 ou Bolt, Google l’attaque par un angle différent. Ce n’est plus juste du code généré, mais un vrai environnement de création visuelle avec des agents qui bossent pour vous dans la joie et la bonne humeur.
Je lui ai demandé une petite refonte de
mon extension Firefox Korben
et y’a de bonnes idées je trouve…
Côté prototypage, un clic sur “Play” et vos maquettes statiques deviennent un prototype interactif. La plateforme connecte donc automatiquement vos écrans dans un ordre logique, et si vous cliquez quelque part où il manque un écran, il le génère à la volée. D’ailleurs, ça va plus loin que le prototype cliquable… l’outil peut maintenant cracher une app React fonctionnelle, exportable vers AI Studio (l’atelier IA de Google) !
Et tiens, le petit détail qui va parler aux devs : le concept DESIGN.md. C’est comme un README.md mais pour le design. Celà permet pour chaque projet de démarrer automatiquement avec un design system cohérent (adieu les boutons qui changent d’un écran à l’autre), et ces règles sont partagées via un fichier lisible par d’autres outils grâce à un SDK et un
serveur MCP
. Du coup voilà, fini les allers-retours Figma-Slack sur la bonne nuance de bleu.
Pour ceux qui avaient testé la première version et trouvé ça un peu brut, bah c’est un autre animal quoi, donc allez jeter un oeil. C’est sur
stitch.withgoogle.com
, gratuit, accessible dans plus de 200 pays avec un compte Google (mais pas forcément toutes les fonctions partout).
Pour ma part je pense que je vais l’utiliser parce que de toute façon je fais tout moi-même maintenant, depuis plusieurs années, et que je suis toujours à la recherche de nouvelles idées pour rendre les choses un petit peu plus jolies. Et ce genre d’outil me permet de traduire ma diarrhée mentale sans jargon technique en quelque chose de concret et d’utilisable dans le monde réel. J’ai pas besoin de plus.
Voilà entre le mode voix et l’export React, j’avoue que Figma a du souci à se faire…
Leave a Comment