Formation - Créer un Design System avec Figma
Maîtriser les fondamentaux d'un Design System robuste
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.
- 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
- Comprendre les enjeux liés au Design System
- Choisir les bons outils
- Créer une bibliothèque de composants complexes
- Documenter son Design System
- Apprendre à collaborer et communiquer avec cet outil
- Maintenir et faire évoluer un Design System
- UI Designers, UX Designers et directeurs artistique
- Chefs de projet, développeurs, Product Owner
- 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
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
Plusieurs dispositifs de financement sont accessibles via les OPCO (Opérateurs de Compétences), organismes agréés par le ministère du Travail dont le rôle est d’accompagner, collecter et gérer les contributions des entreprises au titre du financement de la formation professionnelle.
Pour plus d’information, une équipe de gestionnaires SKOLAE Formation spécialisée vous accompagne dans le choix de vos formations et la gestion administrative.
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.
