Formation
Design System

Au cours de cette formation, nous aborderons les bonnes pratiques et les règles à mettre en place pour créer et gérer un système de conception adapté à son environnement. Les participants apprendront à :

• créer et maintenir une librairie de composants (UI kit) dans Figma,
• améliorer les composants existants selon les règles d’accessibilité et des critères ergonomiques,
• documenter le Design System et communiquer efficacement,
• impliquer les parties prenantes,
• continuer de faire vivre le Design System.

Jour 1 et 2

Introduction et Foundations

• Inventaire de l’existant.
• Figma : présentation de l’interface et des fonctionnalités clés pour le Design System.
• La structure générale.
• Foundations(Tokens) : principes et application dans Figma.
• Créer avec l’accessibilité : règles et bonnes pratiques.

Jour 3 et 4

Composants et Modèles

• Introduction au CSS : concepts de base et leur application (optionel).
• Création de composants sélectionnés en fonction des priorités liées aux projects en cours.
• Création de patterns (modèles).

Jour 5

Documentation : Intégration et Promotion

• Techniques pour documenter les champs de formulaire.
• Utilisation de l’outil pour centraliser la documentation, suivre les tâches et les évolutions.
• Méthodes pour promouvoir et maintenir le Design System.
• Parcours complèt : du modèle dans Figma à l’intégration de sa documentation.

Modalités pédagogiques

• Supports théoriques documentées.
• Accompagnement personnalisé tout au long de la formation.
• Exercices pratiques pour chaque section du programme.
• Sessions de questions-réponses, clarifier les doutes et approfondir les concepts.

Retour