Outils IAGoogle AI · 2/350 secondes
Google Stitch : transformer une idée en interface
Un prompt décrit une application, Stitch dessine trois écrans cohérents. Le swipe fonctionne — le parcours complet, lui, n'est pas relié.
En résumé
Stitch est le canvas de design assisté par IA de Google Labs : il transforme un prompt, une image ou du code en écrans web ou mobiles.
L'essai porte sur une application réelle — lire deux opinions, voter en glissant la carte, découvrir le résultat — et donne trois écrans cohérents en un seul prompt.
Ce que tu vas apprendre
- Un prompt d'interface se structure : format, objectif, utilisateurs, écrans attendus, ambiance visuelle.
- Stitch produit une direction visuelle commune aux écrans, pas seulement des maquettes isolées.
- Un prototype visuel n'est pas un produit : la logique métier reste à écrire.
Étape 1 / 5
Ce qu'est Stitch
Le canvas de design assisté par IA de Google Labs. Il accepte trois entrées — un prompt, une image, ou du code — et rend des écrans web ou mobiles.
Le format se choisit avant tout le reste : c'est lui qui cadre la génération.
Étape 2 / 5
Comment le prompt est écrit
Quatre blocs suffisent : l'objectif du produit, les utilisateurs visés, les écrans attendus, et l'ambiance visuelle.
Ici, la demande est une application mobile où l'on lit deux opinions, où l'on glisse la carte pour voter, puis où l'on découvre le résultat.
Étape 3 / 5
Ce que Stitch a rendu
Trois écrans générés en un prompt : lecture, vote, verdict. Ils partagent une direction visuelle commune — crème, bleu nuit, orange, violet, titres éditoriaux et navigation identique.
Le parcours demandé est visible dans les trois propositions, sans avoir eu à le décrire écran par écran.
Étape 4 / 5
Itérer sur un écran
Un écran se sélectionne, puis se décline : demander des variantes, changer le style, ajouter l'écran suivant.
Les pages peuvent être reliées pour tester le prototype avec Play. Sur cet essai, l'interaction de vote répond bien au glissement.
Étape 5 / 5
Ce qu'on récupère
Le design se partage, s'exporte, et son code front-end vient avec.
Le travail peut ensuite se poursuivre dans AI Studio ou Antigravity.
Le résultat obtenu
- Trois écrans HTML réellement générés par Stitch, rendus à 390 px de large pour vérification.
- Une interaction de vote qui répond au glissement, capturée en vidéo.
- Une direction visuelle homogène obtenue en un seul prompt.
Ce qui a coincé
- Les trois pages exportées ne sont pas reliées en un parcours complet : l'écran de résultat existe séparément.
- La règle « ne jamais montrer le verdict avant le vote » n'est donc garantie par aucune logique métier.
- Stitch accélère le design et une interaction isolée ; il ne termine pas le produit.
Sources
- https://blog.google/innovation-and-ai/models-and-research/google-labs/stitch-ai-ui-design/
https://blog.google/innovation-and-ai/models-and-research/google-labs/stitch-ai-ui-design/
- https://blog.google/innovation-and-ai/models-and-research/google-labs/stitch-updates/
https://blog.google/innovation-and-ai/models-and-research/google-labs/stitch-updates/
- https://blog.google/innovation-and-ai/technology/developers-tools/google-ai-developer-updates-io-2025/
https://blog.google/innovation-and-ai/technology/developers-tools/google-ai-developer-updates-io-2025/
Transcription
Le texte dit dans l'épisode, mot pour mot.
Tu décris une application, et Google te dessine l'interface. L'outil s'appelle Stitch. C'est le canvas de design assisté par IA de Google Labs : il transforme un prompt, une image ou même du code en écrans web ou mobiles. Pour commencer, choisis le format, puis explique l'objectif du produit, les utilisateurs, les écrans attendus et l'ambiance visuelle. Ici, j'ai demandé une application mobile où l'on lit deux opinions, on swipe pour voter, puis on découvre le résultat. Stitch a généré trois écrans cohérents. Ensuite, tu peux sélectionner un écran, demander des variantes, changer le style, ajouter l'écran suivant et relier les pages pour tester le prototype avec Play. Quand le design te plaît, tu peux le partager, exporter le design et son code front-end, ou poursuivre dans AI Studio et Antigravity. Stitch sert donc à passer d'une idée à un prototype visuel. Dans le prochain épisode, Jules reprend le code.
Les coulisses
Cet épisode est sorti d'un pipeline, pas de douze onglets.
Recherche, script, plans, médias, montage, contrôles et kit de publication : ARGO Studio réunit tout ce qui a produit cette vidéo.