in

Google Stitch – L’IA qui transforme vos gribouillis en interfaces pro | Astuces coding

Google Stitch - L'IA qui transforme vos gribouillis en interfaces pro | Astuces coding

Je ne sais pas si vous avez remarqué, mais **Google** a récemment lancé en version bêta un nouvel outil qui risque de mettre les spécialistes de l’**UX/UI** sur la touche ! Son nom est **Stitch** (aucun lien avec Lilo) et vous pouvez le découvrir sur stitch.withgoogle.com. En résumé, **Stitch** est une trousse à outils expérimentale qui fait appel à l’intelligence artificielle pour transformer vos concepts de sites ou d’applications mobiles en interfaces utilisateur opérationnelles en un clin d’œil.

https://www.youtube-nocookie.com/embed/q39uczIW_MY?rel=0&modestbranding=1" title="Lecteur vidéo YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups allow-forms

Le fonctionnement est simple : vous saisissez une description en langage naturel du style “Crée-moi une application mobile en thème sombre avec une barre de navigation, une carte de profil et un bouton d’action flottant”, et voilà ! **Stitch** génère pour vous l’interface complète avec le code **HTML/CSS** nécessaire. Cela a été officiellement annoncé depuis mai sur le blog des développeurs de **Google** lors de **Google I/O 2025**. Oui, je sais, je ne suis pas pressé. J’ai un métier, moi (ou pas).

Et si vous manquez d’inspiration, mais que vous trouvez qu’une application ou un site concurrent est attractif, vous pouvez également télécharger une capture d’écran de son interface, un croquis de votre création, ou même un wireframe réalisé à la va-vite. **Stitch** analysera l’image et vous proposera une version propre et fonctionnelle.

**Gemini 2.5** est bien sûr à la manœuvre et **Stitch** vous propose deux modes : **Gemini 2.5 Flash** pour la rapidité (350 générations par mois), ou **Gemini 2.5 Pro** pour des résultats plus sophistiqués (50 générations par mois). Notez que le mode Pro excelle particulièrement lorsque vous travaillez avec des entrées visuelles complexes.

L’intégration avec **Figma** est également un véritable atout. Vous pouvez donc exporter directement vos créations dans **Figma** tout en préservant les calques et les composants, ce qui est pratique pour les designers souhaitant peaufiner le résultat ou pour les équipes qui travaillent déjà avec cet outil. Cependant, je n’y ai pas accès, donc je pense qu’il faut un abonnement pro pour profiter de cette option.

A lire également  Comment l'Internet des objets (IoT) peut-il profiter au lieu de travail ? -

Pour les développeurs, le code généré est également plutôt propre et bien structuré. J’ai testé en demandant une interface pour une application potentielle **Korben** sur iOS / Android (je ne suis pas sûr qu’il y ait un véritable besoin cela dit) et il m’a proposé quelque chose d’assez classique mais très propre, basé sur **Tailwind CSS**.

Et bien sûr, chez **Google**, ils vous diront que l’objectif n’est pas de remplacer **Figma** ou **Adobe XD**, mais plutôt de simplifier la phase initiale de prototypage qui peut être fastidieuse. Mais bon, à terme, je pense que ce sera la fin pour ce genre d’outils sauf s’ils adoptent eux aussi l’IA générative.

L’outil propose évidemment un chat interactif pour affiner le design, des sélecteurs de thèmes, et la possibilité de modifier le résultat en temps réel. Vous pouvez aussi basculer entre les versions web et mobile de votre interface en un clic. Pour l’instant, c’est gratuit mais avec des limitations mensuelles. Il vous faut un compte **Google** et c’est disponible dans 212 pays, uniquement en anglais.

C’est donc parfait pour les débutants avec des idées d’applications, les développeurs qui souhaitent prototyper rapidement, et les designers cherchant à explorer des variantes rapidement avec une bonne **UX/UI** réalisée dans les règles de l’art.

Mais attention quand même… Pour ma part, j’ai testé le bouton de téléchargement pour récupérer un design et cela n’a pas fonctionné… preuve que c’est vraiment encore en version bêta !

A lire également  Ce chef-d'œuvre de la science-fiction, d’abord controversé, est aujourd’hui unanimement salué

Donc, si vous souhaitez essayer, rendez-vous sur stitch.withgoogle.com. Cela pourrait vous faire gagner du temps sur les phases de brainstorming et de prototypage rapide.

Merci à Rpc2dot0 pour la découverte !

Points clés à retenir :

  • **Stitch** est un outil expérimental de **Google** qui utilise l’intelligence artificielle pour créer des interfaces utilisateur à partir de descriptions en langage naturel.
  • Il propose deux modes de génération : **Gemini 2.5 Flash** pour la rapidité et **Gemini 2.5 Pro** pour des résultats plus élaborés.
  • L’intégration avec **Figma** permet d’exporter facilement les designs tout en préservant les calques et les composants.
  • Cet outil est idéal pour les débutants, les développeurs en quête de prototypage rapide, et les designers explorant des variantes.
  • **Stitch** est actuellement en version bêta et gratuit avec des limitations mensuelles, disponible uniquement en anglais.