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 days — 14 h
  • In-person or virtual
  • Intermediate
  • Up to 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.

Learning objectives

  • 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

What makes this programme different

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

Who is it for

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

Prerequisites

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

Dates & locations

36 scheduled dates between novembre 2026 and décembre 2027. Seats are confirmed in the order enquiries are received.

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

None of these dates suit you? We open additional sessions on request, and any programme can be run privately for your team.

Practical details

Before the programme
Online positioning questionnaire. Your development objectives are shared with the trainer, who tailors the practical case studies to your context.
Teaching methods
Theoretical input, workshops and practical case studies. Digital course materials and method sheets provided.
Assessment
Multiple-choice tests and role-play exercises. Assessment of learning at the start and end of the programme, with immediate and 60-day follow-up evaluations.
After the programme
One year of access to the e-learning platform. Self-assessment of the skills acquired and a 30-day follow-up session with your trainer.
How to register
Registration online or on the basis of a quotation.
Lead time
11 working days after confirmation of registration.
Accessibility
Accessible to people of determination. Contact our accessibility coordinator to design a suitable solution: contact@mpf-academy.ae
Start dates
Rolling intake: in addition to the scheduled sessions, this programme can start on request.