Ce que vous saurez faire
- Analyser un besoin utilisateur à partir d'un brief, de personas et de benchmarks afin de définir les objectifs fonctionnels et émotionnels d'un parcours numérique,
- Appliquer les principes fondamentaux du design d'interface (hiérarchie visuelle, typographie, couleur, branding, structuration des écrans) pour concevoir des interfaces lisibles et cohérentes,
- Concevoir des wireframes et des maquettes UI hi-fi hiérarchisés et responsives, en intégrant des intentions graphiques adaptées aux usages,
- Utiliser les fonctionnalités clés de Figma (organisation des fichiers, composants, styles, auto-layout, contraintes, UI kits, prototypage et animations simples) pour produire des interfaces modulaires et cohérentes,
- Mettre en œuvre un prototype interactif et préparer un fichier de design structuré en vue de la collaboration et de la passation aux développeurs,
- Appliquer les critères essentiels de l'accessibilité numérique lors de la conception ou de l'évaluation d'une interface, en tenant compte des différents types de handicap et des technologies d'assistance,
- Évaluer l'impact environnemental d'un parcours numérique à l'aide d'une grille d'éco-conception et identifier des leviers d'amélioration,
- Contribuer à la refonte d'un parcours numérique existant en intégrant les principes de design inclusif, d'accessibilité et d'éco-conception,
- Identifier les tendances actuelles du design UI et mobiliser des ressources et outils pour poursuivre le développement des compétences professionnelles.
Le déroulé, étape par étape
MODULE UI Design (5 j)
J 1 : Design UI et Fondamentaux du Branding
Comprendre les bases du branding et leur importance dans le design UI
Découverte de l'écosystème de Figma et FigJam
Création d'une charte graphique
Atelier : Audit visuel d'interfaces existantes, amélioration des fondations graphiques
Atelier : Analyse d'un brief client, appropriation des personas
J 2 : Processus et Conception d'interface utilisateur
Grandes étapes du processus UI
Brainstorming et benchmark : recherche concurrentielle et inspirations visuelles
Comprendre les différents types de sites web et les bases du design responsive
Préparer efficacement son environnement de travail
Atelier : Création de wireframes HD à partir du brief
J 3 : Composants, Guide de styles et Design responsive
Maîtriser les composants et leur utilisation dans Figma
Comprendre et appliquer l'Atomic Design
Créer et gérer des styles et composants dans Figma
Découverte des tendances actuelles en design UI
Initiation au design tactile et responsive
Atelier : Mise en place d'un UI Kit
J4 : Accessibilité, Éco-conception & Approfondissement de Figma
Organisation avancée des fichiers
Fonctionnalités avancées de Figma
Comprendre et appliquer les principes d'accessibilité dans le design UI
Découvrir et appliquer les techniques d'éco-conception dans la conception visuelle
Atelier : Maquette accessible et durable, itérations sur le projet en cours
J5 : Transmission (Hand Off), Design System et Prototypage sur Figma
Prototypage interactif : interactions, animations
Les bonnes pratiques de collaboration et de transmission aux développeurs
Structuration d'un Design System et adaptation multi-branding
Atelier : Finalisation du projet
Atelier de clôture : Design critique & restitution collective
MODULE Figma (2 j)
J1 : Figma, du wireframe au mockup
Appréhender Figma, son interface, sa structure, ses logiques
Découvrir les fonctions de bases de Figma
Atelier Wireframe : créer son 1er wireframe simple et bien structuré
Découvrir la logique de composants atomiques
Atelier UI kits : créer ses premiers composants responsives
Structurer un guide de style : couleurs, typographies, grilles et styles globaux
J2 : Structurer son workflow dans Figma
Atelier Mock-Up : poser des 1ères intentions graphiques
Introduction aux fonctions avancées de Figma
Introduction au design accessible dans Figma
Atelier prototype : créer un prototype hi-fi et l'animer
Travailler ave d'autres designers et augmenter son flow de production
Enjeux des développeurs sur Figma
MODULE Accessibilité Numérique et éco-conception (e-learning 16 heures)
Accessibilité numérique : Grands principes - Comprendre le handicap et son impact sur l'utilisation du numérique - Fonctionnement des technologies d'assistance - Critères d'accessibilité - Conception inclusive - Tests
Eco-conception : Enjeux du design numérique responsable - Principes du design éco-responsable - Exercices pratiques - Sensibiliser et embarquer les équipes
À la fin de la formation
Ce parcours de formation vous permet de valider le bloc de compétences "Concevoir un design d'interface" de la certification professionnelle Concepteur designer graphique délivré par LISAA, de niveau 6 - (NSF 320 et 320v) enregistrée au RNCP, sous le numéro RNCP40365, par décision du directeur général de France Compétences en date du 28/03/2025. https://www.francecompetences.fr/recherche/rncp/40365/
Selon l’organisme
Ce parcours permet d'acquérir des compétences essentielles pour concevoir des interfaces utilisateur performantes et inclusives, maîtriser l'outil Figma et intégrer des pratiques d'accessibilité numérique dans vos projets.
Où se déroule la formation
Payer avec votre Compte Personnel de Formation
Cette formation figure au catalogue Mon Compte Formation : elle est éligible au CPF. Vos droits, cumulés en euros, se consultent et s’utilisent sur le site officiel.
Vérifier mes droits sur moncompteformation.gouv.frOrganisme, certification, inscription
Texte rédigé par l’organisme de formation. Source : « Moncompteformation – L’offre de formation », Caisse des Dépôts et DGEFP, données ouvertes sous Licence Ouverte 2.0, mise à jour du 13/10/2026. WorkDispo n’est pas affilié à Mon Compte Formation.
