Téléchargez le parcours au format PDF
Public concerné
- UI Designers, UX Designers et directeurs artistiques
- Chefs de projet, développeurs, Product Owner
Prérequis
- Avoir une expérience en conception, développement ou gestion d'un projet web
- Avoir une pratique régulière de Figma
- Avoir une sensibilité au graphisme et à l'ergonomie
Objectifs de formation
- Comprendre les enjeux liés au Design System
- Mettre en place des fondations solides : design tokens primitives et semantics
- Créer une bibliothèque de composants complexes
- Documenter son Design System
- Collaborer efficacement avec un Design System
Programme de votre formation
-
#
M2I START AVANT VOTRE FORMATION
Contextualisation du projet de formation et prise en compte des besoins de chacun
- Positionnement initial de l’apprenant par rapport aux objectifs
- Définition des priorités et des objectifs personnels de l’apprenant
- Vidéos de mise en situation
- Accès au Chat interactif myM2i pour interagir avec les membres de son groupe
-
#
M2I LIVE VOTRE FORMATION ANIMÉE PAR NOTRE EXPERT ¹
Programme
Maîtriser le concept de Design System
- Introduction aux Design Systems
- Choix des outils appropriés
- Découverte de l'Atomic Design
- Découverte des composants
Mettre en place les fondations de son Design System
- Introduction aux Design Tokens
- Différents niveaux de tokens : Primitives, Semantics, Components
- Savoir quand utiliser les variables et les styles
- Nomenclature de ces tokens
- Conventions et accessibilité
- Découverte des modes (multi-themes, multi-marques, responsive, etc.)
Bibliothèque de composants
- Créer des composants complexes (avec de nombreux variants)
- Concevoir des composants responsives
- Utiliser les tokens sur ces composants
- Partager sa bibliothèque de composants
Documenter son Design System
- Introduction à la documentation
- Découverte des bonnes pratiques pour documenter
- Prise en main des outils de documentation
L'IA au service du Design System
- Introduction au MCP Figma
- Comprendre comment l'IA peut aider les designers
- Utiliser l'IA pour concevoir des variables, des composants etdocumenter son Design System
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
-
#
M2I BOOST APRÈS VOTRE FORMATION
Réactivation et consolidation des acquis en situation de travail
- 30 jours d’accompagnement personnalisé sur myM2i inclus ²
- Ressources Boosters (Abonnement au M2i’Mag Soft Skills, formations offertes, invitations aux conférences d’actualité…)
- ¹ Les actions et les outils présentés dans ce programme le sont à titre indicatif et peuvent faire l’objet d'adaptation selon les niveaux, prérequis et besoins des apprenants. Les compétences clés de ce programme sont traitées à raison d'une compétence par demi-journée de formation.
- ² Sur myM2i, pendant 30 jours post-fin de formation, les apprenants disposent d’une messagerie sécurisée pour échanger, dans la limite de 4 sollicitations, avec leur formateur.
Modalités, méthodes et moyens pédagogiques
Modalités d'évaluation - évaluation en 3 phases :
Pendant la formation : un bilan journalier effectué par l'intervenant.
À chaud : à la fin de la formation, un bilan qualité pour mesurer l'atteinte des objectifs.
À froid : à J + 3 mois, une évaluation du transfert des acquis en situation professionnelle.
Matériel et logiciels nécessaires pour suivre cette formation :
Formation en présentiel : les ordinateurs sont équipés des logiciels nécessaires au suivi de cette formation.
Formation en distanciel : il est recommandé de se munir d'un double écran. S'il y a lieu, des accès à Figma pourront être créés par Pyramyd et vous seront communiqués en formation.
Formation intra-entreprise : il est recommandé de se munir d'un double écran. Installer Figma au préalable.
Équipe pédagogique et techniques pédagogiques :
Un consultant expert de la thématique et une équipe pédagogique en support du stagiaire pour toute question en lien avec son parcours de formation.
Alternance de théorie, de démonstrations par l'exemple et de mise en pratique grâce à de nombreux exercices individuels ou collectifs.
Exercices, études de cas et cas pratiques rythment cette formation.
Ressources pédagogiques :
Un support de formation présentant l'essentiel des points vus durant la formation et proposant des éléments d'approfondissement est téléchargeable sur notre plateforme.
Modalités d’évaluation des acquis
- En cours de formation, par des exercices pratiques
- Et, en fin de formation, par un questionnaire d'auto-évaluation
Accessibilité de la formation
Le groupe M2I s'engage pour faciliter l'accessibilité de ses formations. Toutes nos formations sont accessibles aux personnes en situation de handicap : les détails de l'accueil des personnes sont consultables sur la page Accueil Handicap
Modalités et délais d’accès à la formation
Les formations M2I sont disponibles selon les modalités proposées sur la page programme. Les inscriptions sont possibles jusqu'à 48 heures ouvrées avant le début de la formation. Dans le cas d'une formation financée par le CPF, ce délai est porté à 12 jours ouvrés.
