Google Stich est un outil dévéloppé par Google Labs. Il utilise les modèles Gemini 3.0 Flash et 3.1 Pro. Il convertit les instructions multimodales en maquettes UX/UI. L’outil génère du code front-end et des composants modifiables à travers le protocole MCP.
L’univers du design numérique franchit une étape importante grâce à l’outil Google Stich. Cet nouvel outil est issu des laboratoires de Google Labs. Il s’impose comme le pilier de la création d’interfaces UX/UI. Désormais, on ne se contente plus de dessiner, on peut coder et créer des prototypes en temps réel.
Qu’est-ce que Google Stitch concrètement ?
Google Stitch est une plateforme expérimentale de Google Labs sortie initialement en mai 2025 et mis à jour avec Google Stich 2.0 en mars 2026. Il convertit des instructions textuelles, vocales ou des images en maquettes UX/UI interactives et en code front-end prêt à l’emploi. Google Stitch utilise la puissance des modèles Gemini pour comprendre des briefs complexes. L’outil Google se base notamment sur la rapidité sur Gemini 3.0 Flash et le raisonnement logique Gemini 3.1 Pro pour créer un design. Vous obtenez un système de design complet qui inclut des palettes de couleurs, des typographies et des composants interactifs en quelques secondes.
Comment créer une interface UX/UI avec Google Stitch en quelques minutes ?
Google Stitch est facile à prendre en main et très intuitif. Pour commencer, configurez votre projet. Choisissez le support approprié entre l’application mobile et l’interface web. Une fois cette base définie, écrivez votre prompt. Vous pouvez le rédiger soit en français ou en anglais en fonction de vos besoins. À ce stade, vous pouvez importer une capture d’écran d’un site existant. Vous pouvez ainsi réaliser une refonte automatisée avec l’outil.
Tutoriel : comment créer une interface UX/UI avec Google Stitch en quelques minutes https://t.co/cOrCBwh0T3 pic.twitter.com/oATxfFv55j
— Journal du Net (@JDNebusiness) May 6, 2026
Vous pouvez par la suite optimiser votre demande avec le bouton « Améliorer le prompt ». Cela aide l’IA à affirmer vos instructions techniques. Vous avez aussi la possibilité de demander au chatbot de générer plusieurs variantes une fois que la première version est générée. Le chatbot peut aussi vous aider à modifier les éléments spécifiques comme le layout et les couleurs. Enfin, exportez votre design vers Figma ou récupérez directement le code HTML/CSS prêt à l’emploi.
Comment Stitch facilite-t-il le travail entre designers et développeurs ?
Il réduit la friction technique afin de faciliter l’export direct vers Figma. Il permet en même temps de générer un code via le protocole MCP. Cela assure une communication fluide entre les outils de design et les environnements de développement. Le passage au code est désormais « moins frictionné » puisque Stitch se connecte à Claude Code d’Anthropic grâce au Model Context Protocol selon les informations de Google Labs. Avec cette passerelle sécurisée, les développeurs peuvent récupérer une structure propre du code. Cela les évite ainsi de repartir de zéro. Par ailleurs, la fonction « Paste to Figma » transforme instantanément les éléments générés en composants modifiables.
- Partager l'article :
Restez à la pointe de l'information avec
INTELLIGENCE-ARTIFICIELLE.COM !
