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