Start a conversation ↗

Description

Figma : structurer un parcours, maquetter une interface et prototyper

Deux jours pour concevoir dans Figma des maquettes testables et directement exploitables par les développeurs

  • 2 jours — 14 h
  • Présentiel ou à distance
  • Perfectionnement
  • Jusqu’à 6 participants

Les idées d'interface circulent en captures d'écran et en documents texte. Personne ne voit le parcours complet avant le lancement du 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 réel pour aller jusqu'au prototype fonctionnel. Chaque participant formalise un parcours utilisateur, construit ses écrans dans Figma avec des composants réutilisables, relie ces écrans en prototype cliquable, le fait tester puis prépare la transmission aux développeurs.

Objectifs pédagogiques

  • Formaliser un parcours utilisateur et identifier ses points de friction
  • Construire une maquette d'interface dans Figma à partir d'une grille de mise en page
  • 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

Les points forts

Un prototype cliquable produit en séance sur le projet du participant
Un test utilisateur mené entre participants avec restitution des observations
Un fichier Figma structuré selon les attentes des équipes de développement

Programme

1Du besoin utilisateur au parcours

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

2Prendre en main Figma

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

3Maquetter les écrans

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 mobile et sur grand écran

4Prototyper, tester, transmettre

Confronter la maquette à l'usage réel

  • 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

Public concerné

Chefs de projet web, chargés de communication, graphistes et responsables produit qui conçoivent des interfaces.

Prérequis

Utiliser couramment un outil de création graphique ou de maquettage et avoir déjà participé à un projet web ou applicatif.

Dates et lieux

36 dates programmées entre novembre 2026 et décembre 2027. Les places sont confirmées par ordre d’arrivée des demandes.

novembre 2026

décembre 2026

janvier 2027

février 2027

mars 2027

avril 2027

mai 2027

juin 2027

septembre 2027

octobre 2027

novembre 2027

décembre 2027

Aucune de ces dates ne vous convient ? Nous ouvrons des sessions supplémentaires sur demande, et chaque programme peut être organisé pour votre seule équipe.

Informations pratiques

Avant la formation
Questionnaire de positionnement en ligne. Vos objectifs de progrès sont transmis au formateur, qui adapte les cas pratiques à votre contexte.
Méthodes pédagogiques
Apports théoriques, ateliers et cas pratiques. Support de cours numérique et fiches méthodes fournis.
Évaluation
QCM et mises en situation. Évaluation des acquis en début et en fin de parcours, évaluation à chaud et à froid à 60 jours.
Après la formation
1 an d'accès à l'espace e-learning. Auto-évaluation des compétences acquises et point de suivi à 30 jours avec votre formateur.
Modalités d’inscription
Inscription en ligne ou sur devis.
Délai d’accès
11 jours ouvrés après confirmation de l'inscription.
Accessibilité
Nos formations sont accessibles aux personnes en situation de handicap. Contactez notre équipe accessibilité pour définir ensemble une solution adaptée : contact@mpf-academy.ae
Dates de démarrage
Entrées permanentes : en plus des sessions programmées, cette formation peut démarrer sur demande.