Figma : structurer un parcours, maquetter une interface et prototyper
Deux jours pour concevoir dans Figma des maquettes testables et transmissibles aux développeurs
- Certifié Qualiopi
- 2 jours — 14 h
- Présentiel ou à distance
- Perfectionnement
- Finançable OPCO
Les idées d'interface circulent en captures d'écran et en documents texte. Personne ne voit le parcours complet avant le développement et les retours arrivent quand le code est déjà écrit. Les allers-retours coûtent cher et l'expérience réelle de l'utilisateur reste hors du débat.
Ces 14 heures partent de l'usage pour aller jusqu'au prototype. Le participant formalise un parcours utilisateur construit ses écrans dans Figma avec des composants réutilisables relie les écrans en prototype cliquable puis le fait tester et prépare la transmission aux développeurs.
Objectifs pédagogiques
- Formaliser un parcours utilisateur et ses points de friction
- Construire une maquette d'interface dans Figma à partir d'une grille
- Créer des composants et des variantes réutilisables
- Relier les écrans en prototype cliquable testable par un utilisateur
- Organiser un fichier Figma pour le partage et la reprise par un développeur
Programme de la formation
Avant la formation
Analyse du besoin et test de positionnement. Vos réponses sont partagées avec votre formateur afin d'adapter la formation à votre niveau et votre contexte professionnel.
Concevoir avant de dessiner
- Recueil des usages et des irritants
- Profils utilisateurs et scénarios d'usage
- Arborescence et parcours cible
- Zonage rapide des écrans clés
L'espace de travail et ses règles
- Pages cadres et calques
- Grilles contraintes et mise en page adaptative
- Styles de couleur et de typographie
- Bibliothèque de composants et variantes
- Travail à plusieurs sur un même fichier
Des interfaces lisibles et cohérentes
- Hiérarchie visuelle et lecture de l'écran
- États des champs et des boutons
- Messages d'erreur et cas limites
- Contrastes et tailles au service de l'accessibilité
- Déclinaison sur téléphone et sur grand écran
Confronter la maquette à l'usage
- Liens transitions et prototype cliquable
- Protocole d'un test utilisateur court
- Recueil et tri des observations
- Préparation du fichier pour le développement
- Suivi des versions et des retours
Après la formation
E-learning accessible en illimité dans le temps. Évaluation de niveau afin de suivre votre progression.
Les points forts
Les avis de nos apprenants
Prochaines sessions
Aucune session programmée sur ce lieu pour le moment. Demandez une date.
À qui s'adresse cette formation ?
Chefs de projet web chargés de communication graphistes et responsables de produit qui conçoivent des interfaces.
Financer cette formation
Mon Pôle Formation est un organisme certifié Qualiopi au titre des actions de formation. À ce titre, cette formation est éligible aux principaux dispositifs de financement de la formation professionnelle.
Le plan de développement des compétences regroupe l'ensemble des actions de formation décidées par l'employeur. Votre OPCO prend généralement en charge les coûts pédagogiques, et parfois la rémunération, les frais de transport, de repas et d'hébergement.
Tous les salariés peuvent en bénéficier, quels que soient la nature et la durée de leur contrat. Rapprochez-vous de votre service RH ou formation : nous montons le dossier avec vous.
Vous versez chaque année une Contribution à la Formation Professionnelle. Elle ouvre droit à une prise en charge par votre fonds d'assurance formation : FIFPL, AGEFICE, FAFCEA, VIVEA ou OPCO selon votre activité.
Nous préparons pour vous le devis, le programme détaillé et l'attestation nécessaires au dossier.
Selon votre projet professionnel, France Travail peut financer tout ou partie de la formation via l'Aide Individuelle à la Formation. Le dossier se construit avec votre conseiller à partir de notre devis.
Vous pouvez régler la formation directement, en une fois ou jusqu'à 6 fois sans frais. Contactez un conseiller pour définir l'échéancier : 01 87 66 57 66.
Questions fréquentes
La formation commence par la formalisation du parcours et de ses points de friction, avant de maquetter dans Figma à partir d'une grille. Composants, variantes et prototype cliquable viennent ensuite, avec l'organisation du fichier pour le partage et la reprise par un développeur.
Les composants et leurs variantes servent exactement à cela : l'élément est défini une fois, réutilisé partout, et une modification se propage à toutes ses instances. La session fait construire cette bibliothèque sur une maquette réelle plutôt que sur un exercice abstrait.
Il attend un fichier lisible sans explication orale : pages nommées, composants identifiés, états prévus, espacements cohérents et prototype qui montre l'enchaînement des écrans. La formation traite cette mise en ordre comme une étape du travail, pas comme une finition facultative.