
An Entirely New Way to Work With AI
AI Summary
Nous allons explorer l'application de design Vibe la plus fonctionnelle et populaire actuellement disponible : Google Stitch. En seulement 60 secondes, vous pouvez créer une application complète en parlant à votre ordinateur. Google Stitch est une toile de design native de l'IA, comparable à Figma, mais conçue avec l'IA au cœur de son fonctionnement.
Cette application existe depuis un certain temps, mais Google vient d'y ajouter des fonctionnalités cruciales, la transformant en une application complète. Elle est disponible dans 230 pays, bien que ses fonctionnalités principales soient limitées à l'anglais. Pour l'utiliser, vous devez être connecté à un compte Google personnel ou Google Workspace. Si vous utilisez un compte Workspace, votre administrateur doit activer les "Google Workplace Experiments" pour que vous puissiez accéder à Stitch.
Bien que l'application soit gratuite pendant sa phase expérimentale, elle fonctionne avec un système de crédits mensuels, offrant 350 générations standard et jusqu'à 200 générations pro de haute complexité. Il est fortement recommandé d'utiliser un ordinateur de bureau avec Google Chrome, car le support mobile est limité et certaines fonctionnalités, comme le design vocal, ne fonctionnent pas correctement dans d'autres navigateurs.
Après vous être connecté avec un compte Google, l'interface affiche une barre de navigation à gauche et une interface de chat standard au centre. La fonctionnalité clé est le "model switcher", qui permet d'accéder à différentes capacités de redesign de Google, notamment la fonction "ID8". C'est cette fonction qui distingue Stitch de nombreuses autres applications et qui en fait un outil puissant pour le design Vibe. Auparavant, pour créer des interfaces d'application ou des sites web, il fallait résoudre des problèmes de design en cours de route. ID8 vous aide à résoudre ces problèmes.
Par exemple, si vous souhaitez créer une application de recettes mais ne savez pas par où commencer, vous pouvez simplement décrire vos besoins à l'IA, comme : "Je suis souvent dépassé lorsque je cherche de nouvelles recettes en ligne. J'aimerais pouvoir sauvegarder mes favoris, les catégoriser, et avoir un mode 'Cuisinons' qui affiche uniquement les ingrédients et les instructions." Vous choisissez ensuite si vous voulez une application mobile ou un site web.
L'application génère immédiatement un aperçu sur une toile infinie. Le chat est en bas, et des outils pour ajouter ou déplacer des éléments sont à droite. L'IA vous propose ensuite des directions de design, comme "éditorial zen", et après votre choix, elle crée un "PRD" (document décrivant les détails de l'application).
La fonctionnalité "live mode", similaire au mode vocal de ChatGPT, est particulièrement impressionnante. En l'activant, vous pouvez parler à l'IA qui vous répond et construit l'application en temps réel. Par exemple, après avoir demandé à l'IA de construire l'application de recettes, elle génère un flux complet d'application. L'esthétique minimaliste et le mode "Cuisinons" sans distraction sont remarquables. L'expérience de parler à l'IA et de la voir construire des éléments de design est surréaliste. L'IA crée même toutes les images de substitution.
L'application permet également de transformer le prototype en une application interactive en appuyant sur un bouton "play". Vous pouvez naviguer dans l'application, explorer les collections et les pages de recettes. Une fois satisfait, vous pouvez revenir au mode prototype et exporter le projet. Plusieurs options d'exportation sont disponibles : format natif Figma pour les designers, ou l'option "AI Studio" par défaut pour une mise en ligne simple. Avec AI Studio, le code et l'apparence sont importés, puis reconstruits et publiés sur Internet en un seul clic.
Vous pouvez également exporter un fichier ZIP contenant tous les fichiers, y compris les visuels, copier le code dans le presse-papiers, ou créer un prototype instantané. Cette dernière option, une nouveauté, permet de partager un lien avec d'autres personnes pour qu'elles puissent visualiser votre application sous différents angles.
Stitch se distingue de ChatGPT par son expérience interactive où les éléments apparaissent au fur et à mesure que vous dialoguez avec l'IA. D'autres fonctionnalités intéressantes incluent la possibilité d'ajouter une capture d'écran comme source d'inspiration (par exemple, pour recréer un site web existant), d'importer un croquis dessiné à la main pour que l'IA le construise, de personnaliser la palette de couleurs, les polices et le rayon des coins, ou de demander un type de design spécifique qui sera appliqué à l'ensemble du site.
La barre d'outils à droite permet d'interagir plus précisément avec le chat. Vous pouvez sélectionner des éléments spécifiques sur la toile pour que l'IA sache exactement à quoi vous faites référence, comme si vous pointiez du doigt un designer. La fonction "direct edit" permet d'apporter des modifications directes à des éléments, par exemple en changeant le texte d'un plat. L'outil "main" sert à déplacer la toile, et vous pouvez télécharger des images supplémentaires comme inspirations.
En résumé, si vous n'avez jamais appris Figma ou si vous n'avez aucune connaissance en design, Google Stitch met à votre disposition un outil puissant. Il supprime les barrières techniques, permettant de passer d'une idée à un prototype présentable ou utilisable en quelques minutes. La possibilité d'exporter directement vers Figma ou de copier le code garantit que vous n'êtes pas enfermé dans l'environnement de Stitch, mais que vous pouvez l'utiliser comme un excellent point de départ.