Google dévoile Stitch, sa plateforme de « vibe design » native IA
(stitch.withgoogle.com)- Google Labs a entièrement repensé Stitch en une toile de conception logicielle native IA qui transforme le langage naturel en designs UI de haute qualité
- Introduction du concept de « vibe design », où il suffit de décrire des objectifs métier ou l’expérience utilisateur pour générer un design, sans wireframes
- Sur une toile infinie, il est possible d’importer des images, du texte et du code comme contexte, tandis qu’un nouveau agent de design raisonne à l’échelle de l’ensemble du projet
- Transformation instantanée de designs statiques en prototypes interactifs, avec possibilité de modifier le design en temps réel à la voix
- Fait office de passerelle vers les workflows de développement existants comme Figma et AI Studio via un serveur MCP, un SDK et le format DESIGN.md
Qu’est-ce que le « vibe design » ?
- Dans un contexte où l’IA transforme en profondeur la manière de concevoir des logiciels, Stitch évolue pour concrétiser les idées dès le processus de design
- Au lieu de wireframes classiques, on commence par décrire les objectifs métier visés, l’émotion à transmettre aux utilisateurs et des références inspirantes
- Une approche de « vibe designing » qui permet d’explorer rapidement différentes idées pour aboutir à des résultats de meilleure qualité
Une toile de design native IA
- L’interface de Stitch a été entièrement redesignée pour proposer une interface native IA sous forme de toile infinie (infinite canvas)
- Un espace où les idées peuvent se développer, de l’idéation initiale jusqu’au prototype fonctionnel
- Amplifie sur la toile les dynamiques de divergence (diverge) et convergence (converge) courantes dans le processus de design
- Possibilité d’importer directement comme contexte sur la toile des images, du texte, du code, quel que soit leur format
Un nouvel agent de design
- Un nouveau agent de design, combiné au vaste contexte de la toile, raisonne sur l’avancement global de l’ensemble du projet
- Introduction de l’Agent Manager pour explorer davantage de directions
- Permet de suivre l’avancement et de travailler en parallèle sur plusieurs idées tout en gardant une organisation claire
Un système de design avec DESIGN.md
- Extension de la boîte à outils du système de design pour travailler avec un contexte plus riche
- Possibilité d’extraire un système de design depuis n’importe quelle URL, ou d’exporter/importer des règles de design sous forme de DESIGN.md, un fichier Markdown pensé pour les agents
- Les designs peuvent être appliqués à d’autres projets Stitch, ce qui évite de tout recréer depuis zéro à chaque fois
- Prise en charge du partage des règles de design avec d’autres outils de design et de code
Itération rapide et prototypage
- Conversion immédiate de designs statiques en prototypes interactifs pour expérimenter sans attendre le parcours utilisateur
- Connexion des écrans en quelques secondes avec « Stitch », puis aperçu d’un flux applicatif interactif via le bouton « Play »
- Génération automatique de l’écran suivant logique en fonction des clics, pour cartographier facilement le parcours utilisateur
- Une boucle de feedback rapide permet de modifier un élément individuel ou l’ensemble du flux en un seul clic
Collaboration vocale
- Introduction d’une fonctionnalité permettant de parler directement à la voix sur la toile
- L’agent fournit une critique de design en temps réel, conçoit une landing page sous forme d’entretien et effectue des mises à jour en direct
- Requêtes possibles : « montre-moi 3 options de menu », « affiche cet écran avec une autre palette de couleurs »
- L’IA joue le rôle de soundboard, aidant à faire émerger les meilleures idées via une critique dynamique et la conversation
- Prise en charge d’une interaction mains libres pour préserver le flux créatif
Du design au code : MCP, Skills, export
- Grâce au serveur MCP et au SDK de Stitch, il est possible d’utiliser les fonctionnalités de Stitch sous forme de skills (2.4k stars) et d’outils
- Prise en charge de l’export du design vers des outils développeur comme AI Studio et Antigravity
- Joue le rôle de pont entre tous les outils du workflow d’équipe afin de ne pas rompre le partenariat entre l’IA et les développeurs
Public visé et disponibilité
- S’adresse autant aux designers professionnels souhaitant explorer des dizaines de variantes qu’aux fondateurs voulant concrétiser leur première idée logicielle
- L’objectif est de réduire l’écart entre l’idée et sa concrétisation en quelques minutes plutôt qu’en plusieurs jours
- Actuellement disponible en anglais pour les personnes de 18 ans et plus, dans les pays où Gemini est pris en charge
2 commentaires
Je l’essaie en ce moment... je ne suis pas très convaincu.
C’est peut-être parce que mon prompt n’est pas bon, mais la police et le design sont un peu médiocres...
Je n’irais pas jusqu’à dire que « Google a tué Figma », mais c’est propre.
À moins d’être un power user de Figma, il y a peut-être pas mal de gens que ce niveau satisfera.
L’action Figma est en train de bien dégringoler.