Un Design System est un ensemble structuré de normes de conception, de règles et de composants d'interface utilisateur.
Cet outil sert de guide de référence pour les équipes de conception (UI & UX) et de développement. Grâce à lui, vous garantirez une conception harmonieuse, une meilleure efficacité et une scalabilité dans la création de nouveaux produits digitaux.
Un Design System est composé de trois parties importantes : les fondations (design tokens), la bibliothèque de composants et la documentation.
Notre formation "Créer un Design System avec Figma" d'une durée de trois journées vous permettra de renforcer vos compétences en matière de design d'interface et d'exploiter pleinement les avantages des Design Systems pour créer des expériences numériques cohérentes et efficaces à grande échelle.
Objectifs pédagogiques
- 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
Niveau 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
Public concerné
- UI Designers, UX Designers et directeurs artistiques
- Chefs de projet, développeurs, Product Owner
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.
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.
