Figma - conception et organisation d'un Design System

Objectifs

Concevoir un guide de style et des design tokens
Créer un bibliothèque de composants sur Figma
Documenter et faire évoluer un Design System avec ZeroHeight

Programme de la formation

Introduction
Comprendre les bénéfices d'un Design System et en identifier les enjeux
Présentation des outils
Analyse d'un Design System existant et de sa documentation
Les normes d'accessibilité à respecter avant de se lancer
Mise en production
Création d'un style guide sous Figma en exploitant les variables et les styles
Définitions de variables primitives, d'alias et de token sémantiques
Création de Modes de variables
Identification et création des composants UI de base
Création de composants imbriqués complexes et flexibles
Publier et partager une bibliothèque de composants
Documentation
Importer son Design System dans Zero Height
Documenter les principes de design, les spécificités d'usage et d'intéraction
Documentation pour les développeurs
Évolution et mise à jour
Maintenir son Design System et le faire évoluer
Découverte et mise en place du versionning

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique