Ce que c’est
Éditeur de graphe de nœuds pour les écrans. Chaque nœud est un écran (Menu principal / Inventaire / Paramètres / Pause / …) avec image de maquette optionnelle ; les arêtes représentent les transitions déclenchées par des actions utilisateur. Utile pour les revues UX et l’intégration de nouveaux ingénieurs UI.
Quand l’utiliser
- Concevoir un nouveau flux d’écran avant de le maquetter dans Figma.
- Montrer à l’équipe comment l’inventaire se connecte au craft qui se connecte à la boutique.
- Repérer une impasse UX (un écran sans retour possible).
- Briefer un ingénieur UI sur chaque transition qu’il doit scénariser.
Comment l’utiliser
- 1Cliquez sur « + Ajouter un écran » et donnez-lui un nom.
- 2Téléversez une image de maquette sur le nœud d’écran (optionnel mais puissant).
- 3Glissez du port de sortie d’un écran à un autre pour définir une transition.
- 4Étiquetez les arêtes avec le déclencheur (« Ouvrir l’inventaire », « Appuyer sur B », « Objet ramassé »).
Astuces à connaître
- →Curseurs en direct : les coéquipiers éditant le même flux se voient bouger.
- →Les images de maquette sont stockées dans R2 et comptent dans le budget de stockage de votre projet.
- →Utilisez des catégories en couleur pour modale vs. plein écran vs. superpositions HUD.
- →Exportez le flux en PNG (clic droit sur le canevas → Exporter) pour les diaporamas.