Formation Concevoir un produit digital ergonomique avec Figma

UXD2
Durée : 3 jours
Tarif : 2100€ HT

97%

Taux de satisfaction clients
(sur 1838 évaluations du 19/05/21 au 18/03/26)

Objectifs

A l’issue de la formation le participant sera capable de :
Savoir maquetter une interface digitale web ou mobile en basse et haute fidélité avec Figma

Découvrir les bases de l’utilisation et de la conception d’un design system

Maîtriser l’architecture de l’information pour proposer des maquettes respectant les bonnes pratiques ergonomiques

Prérequis

Des connaissances basiques sur l’UX et l’UI Design ou bien avoir suivi la formation « Découverte de l’UX Design »

Idéalement, une première expérience de l’utilisation de Figma
Un entretien en amont avec notre expert permet de prendre en compte le profil de chaque participant (niveau, objectifs et résultats attendus, contexte professionnel, enjeux…) et d’adapter le contenu de la formation si besoin.

Cette formation ne peut être financée que dans le cadre d’un projet d’entreprise (prise en charge entreprise ou OPCO). Les dossiers à financement personnel et CPF ne sont pas pris en compte.

Public

Responsable marketing, responsable communication, responsable digital, graphistes…

Formation(s) associée(s)

Dernière mise à jour

Programme mis à jour le 13 avril 2026

Cette formation vous intéresse ? Contactez-nous

Bon à savoir

Evaluez votre niveau

Pour vous aider à bien choisir votre formation, nous vous proposons soit un entretien avec le formateur soit un test d’évaluation. Cela vous assurera que vous disposez des connaissances nécessaires pour suivre la formation dans des conditions optimales.

Sessions garanties

La majorité de nos sessions proposées en distanciel sont garanties. Elles peuvent être enregistrées à la demande.

Travaux pratiques

Nos formations comprennent de nombreux travaux pratiques pour un meilleur apprentissage (60 % de pratique). Nous proposons également de travailler sur vos données pour une meilleure expérience.

Nos prestations

Nous réalisons certaines prestations IT pour vous : développement sur-mesure, refonte logicielle, TMA, interfaçage ERP.

Télécharger la fiche de cette formation

Les Modules
de formation

Module1

Architecture de l’information

Inventaire des contenus : cartographier la navigation avec un site map

Navigation horizontale : concevoir un menu principal avec la méthode du tri par carte

Navigation verticale : page de premier niveau, boites de dialogues et popups

Notion de zoning : placer et dimensionner, hiérarchie visuelle, ligne de flottaison et notion de dévoilement progressif

Présentation et découverte de Figma

Notion de composant et d’instance dans Figma

Création d’un composant pour un bloc d’information
Atelier pratique : reproduire avec Figma le zoning de la page d’accueil de l’application web de référence et hiérarchiser l’information

Module2

UI Design en basse fidélité

Présentation des principaux composants graphiques

Création d’un composant Bouton

Maquettage des blocs les plus importants

Maquettage du menu principal

Responsive design : contraintes et autolayouts

Utilisation d’icône et d’image

Atelier pratique : maquettage basse fidélité de la page d’accueil d’une version mobile

Module3

UI Design en haute fidélité

Design visuel : historique et tendances

Brief graphique

Notion d’affordance

Charte graphique : palette de couleurs, iconographie et illustrations

Atelier pratique : extraction de la charte graphique depuis la page d’accueil actuelle

Module4

Utiliser et concevoir un design system

Qu’est-ce qu’un Design system ?

Les principaux composants graphiques

La charte ergonomique

Les différences entre la charte graphique les UI kit et les design system

Atomic Design : atome, molécules, organismes, templates, page

Présentation de quelques Design system

Atelier pratique : création d’un embryon de design system pour l’application mobile

Module5

UX Writing - la gestion des contenus textuels

Typographie : police, échelles de taille, style

Glossaire métier

Micro rédaction : boutons, messages d’erreurs, aide en ligne

Contenus textuels : accroche, pyramide inversée,

Charte graphique : palette de couleurs, iconographie et illustrations

Atelier pratique : extraction de la charte graphique depuis la page d’accueil

Module6

Maquettage en co conception avec les utilisateurs

Les outils de maquettage

Préparer un atelier d’idéation : phase de divergence puis de convergence

Préparer un cycle de maquettage : recrutement du groupe utilisateur, déroulement des séances

Animer un atelier de conception

Atelier pratique : simulation d’un atelier de conception avec la présentation de l’application mobile

Les prochaines
sessions de formation

Sur demande

Vous souhaitez organiser cette formation à une date spécifique ?Contactez-nous en remplissant le formulaire ci-dessous

10 août 2026

28 septembre 2026

23 novembre 2026

11 janvier 2027

Cette formation vous intéresse ? Contactez-nous !