Le contexte : que sont Stitch AI et Figma Make ?

• Stitch AI (Google Labs) : Lancé comme un outil de "Vibe Design", Stitch est une plateforme native IA. Il ne s'agit pas d'un logiciel de dessin traditionnel, mais d'un environnement où l'on décrit une intention (un objectif business, un ressenti) et où l'IA génère des flux d'écrans complets. C'est l'outil de l'idéation rapide par excellence.
• Figma Make : C'est l'intégration de l'IA au sein même de Figma. Contrairement à Stitch, il s'appuie sur la puissance du leader du marché pour transformer des prompts en maquettes structurées directement dans vos fichiers Figma habituels. Il vise à réduire l'écart entre le design et le produit final prêt à être codé.

1. Réalisme vs Génération : le duel des assets visuels

L'une des différences les plus marquantes réside dans la provenance des données et des images :

• Figma Make va très loin dans la précision. Par exemple, si vous concevez une application de livraison, l'outil est capable d'intégrer de vraies adresses postales de Paris et d'afficher des cartes (Maps) ultra-réalistes. Il utilise également de vraies photographies, ce qui permet de se projeter immédiatement dans un produit final crédible.
• Stitch AI et le 100% IA : Chez Stitch, on reste dans un univers purement synthétique. Les images, les icônes et les éléments visuels sont générés à 100% par l'IA. Si cela offre une cohérence de style parfois bluffante, on peut perdre ce côté "ancré dans le réel" que propose Figma avec ses données authentiques.

2. Maquette vs Prototype : deux visions du flux

La manière de visualiser le projet diverge également selon vos besoins :

• Stitch : Focus Designer. Stitch a l'avantage de proposer à la fois une vision maquette (pour le détail visuel) et une vision prototype (pour tester l'expérience). C'est un outil très complet pour ceux qui veulent explorer l'ergonomie globale.
• Figma Make : Focus prototype. À l'inverse, FM privilégie une vision prototypée immédiate. L'idée est de voir tout de suite comment l'application se comporte et réagit, en mettant de côté la phase de maquettage statique pour gagner en fluidité de test. Cependant vous pouvez tout de même en un clic accès aux maquettes en copiant le design et en le modifiant sur Figma Design.

3. Contrôle créatif vs rapidité de code

C'est ici que le choix devient crucial pour votre flux de travail :

L'approche "Designer" de Stitch : Stitch est pensé pour l'exploration de "vibes". Cependant, il peut s'avérer frustrant pour un designer pointilleux : il est difficile de prendre la main manuellement sur un élément précis. Si vous voulez changer un bouton, vous devez passer par l’IA ( par le bouton “Modify”) pour changer la couleur, les arrondis ou même la taille ou modifier directement le design system via “Système de conception”. Par contre pour les textes vous pouvez directement écrire à la main mais tout le reste doit se faire via une demande à l’IA. C'est un outil de pilotage, pas de dessin.

‍

‍

L'approche "Produit/Code" de Figma Make : FM est tourné vers l'efficacité. Il permet de modifier directement l'interface créée par l'IA avec une grande facilité. On n'est pas "bloqué" par l'IA. De plus, sa philosophie est d'aller le plus vite possible vers le code final. C'est l'outil idéal pour les équipes qui veulent passer de l'idée au produit fonctionnel en un temps record. Pour  pouvoir accéder à la vision maquette et les modifier à la main, il faut créer un fichier Figma Design, copier le design via le bouton “Copy design” dans votre fichier Figma Make et le coller directement sur le fichier Figma Design.

Vous pouvez également modifier certains paramètres directement à la main les écrans sur Figma Make via l’outil “Point and edit” : 

‍

Verdict : lequel choisir ?

• Choisissez Stitch AI si vous êtes en phase d'exploration pure, que vous n'avez pas encore d'assets et que vous voulez générer une "ambiance" et des flux complets sans vous soucier des détails techniques immédiats.

Stitch AI est idéal pour générer des idées et pistes graphiques et pour faire face au symptôme de la page blanche. C’est un outil de brainstorming et de génération de maquettes très qualitatif, le meilleur sur ce positionnement selon nous. Il est à destination des professionnels du design digital et permet de gagner un temps précieux au démarrage du projet, afin de constituer une base de réflexion. Le travail généré peut aussi servir de support pour de premiers échanges avec le client. Bien utilisé, Stitch AI est devenu un outil incontournable dans la méthodo de design UI.

‍

• Choisissez Figma Make si vous avez besoin de réalisme, que vous voulez garder un contrôle total sur chaque pixel de votre design et que votre objectif final est de basculer rapidement vers le développement de l'application. 

Figma Make s’inscrit dans une démarche plus pragmatique, il permet de générer un prototype à partir d’un simple prompt, mais aussi d’importer une maquette existante et de réaliser des modifications via prompt sur cette maquette. Dans les deux cas, une fois que le résultat est satisfaisant et que le designer estime que l’étape de génération et/ou itération par IA est terminée, il peut récupérer le travail dans n'importe quel fichier Figma classique grâce à un simple copier-coller. Le passage à la production réalisée par un designer est ainsi très facile. Cela permet de finaliser les maquettes sans perdre ses habitudes, tout en gagnant du temps dans la production de maquettes.

‍

Lien utile : https://help.figma.com/hc/fr/articles/31304485164695-Cr%C3%A9er-et-modifier-un-prototype-fonctionnel-ou-une-application-web

‍

Louane Frbezar - UI designer