Formation Design System — concevoir, documenter et déployer avec Zeroheight et Supernova
Apprenez à concevoir, documenter et déployer un Design System efficace avec Zeroheight et Supernova. Une formation idéale pour structurer un produit UX cohérent et optimiser le travail des équipes design et produit.
En résumé
Durée :
2 jours (14h)Réf :
B-UX-DS V1.1 du 20/05/2025Prix :
1150€ HTPour qui est cette formation ? :
Product Manager ou Product Owner souhaitant structurer un design system d'équipe
UX Designer ou UI Designer en charge de la cohérence visuelle d'un produit
Chef de projet digital ou marketing pilotant un produit numérique
Lead Designer voulant industrialiser la collaboration entre design et développement
Pré-requis :
Aucune connaissance particulièreProchaine session :
- 2026-07-08
- 2026-09-17
- 2026-11-19
Programme de la formation
Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
- Comprendre les enjeux liés au Design system
- Appréhender les logiques et les méthodologies de conception d’un design system
- Utiliser supernova et zeroheight
- Intégrer différentes équipes dans la réalisation d’un produit
PROGRAMME
Module 1
- Histoire du design system
- Les différents utilisateurs d’un design system
- Présentation de l’architecture type d’un design system
- Publier les modifications du design system
Objectif opérationnel : Comprendre l’intérêt et les principes de base d’un design system
Moyen d’évaluation : QCM
Module 2
- Les fondations d’un design system (layout, typographie, couleurs, icônes…)
- Découverte des designs tokens
- Designer pour le code
- Travailler avec les équipes produits
Exercice pratique : Créer un composant
Objectifs Opérationnels : Comprendre le fonctionnement des design tokens et adopter la logique de l’atomic design dans les équipes
Moyen d’évaluation : QCM
Module 3
- Les outils de documentation
- Documenter son design system avec zeroheight
- Documenter son design system avec supernova
Objectif opérationnel : Apprendre à utiliser supernova et zeroheight
Moyen d’évaluation : QCM
Module 4
- Mesurer les KPI
- Comprendre les design API
- Prendre des décisions stratégiques qui conduisent à l'atteinte des objectifs UX
- Les avantages d’un design system
Exercice pratique : Construire la structure d’un design system
Objectifs Opérationnels : Comprendre les ressources utiles pour la création d’un design system
Moyen d’évaluation : QCM
Informations pratiques
- Théorie : 40%
- Pratique : 60%
- Logistique : Avoir un compte Figma (formule gratuite)
- Lieu au choix (présentiel recommandé) : Centre de formation bewizyu (Nantes) / Dans vos locaux / Classe à distance
Formateur
Consultant et formateur. UX/UI Designer, Facilitateur, intervient à toutes les étapes d’un produit ou service imaginé selon une démarche centrée utilisateur.
Personnes en situation de handicap
Nos formations sont accessibles aux personnes en situation de handicap. Afin de nous permettre d’organiser le déroulement de la formation dans les meilleures conditions possibles, contactez-nous. Un entretien avec notre référent.e handicap pourra être programmé afin d’identifier les besoins et aménagements nécessaires.
Programme et catalogue peuvent être envoyés sur simple demande
Questions fréquentes
Qu'est-ce qu'un design token et pourquoi est-ce important ?
Un design token est une variable nommée qui stocke une valeur de design (couleur, espacement, typographie) de façon réutilisable et synchronisée entre Figma et le code. Les design tokens garantissent la cohérence visuelle d'un produit et facilitent la collaboration entre designers et développeurs. La formation y consacre un module dédié avec un exercice pratique.
Quelle est la différence entre Zeroheight et Supernova ?
Zeroheight et Supernova sont deux outils de documentation de design system qui synchronisent les composants Figma avec une documentation publiable et partageable aux équipes produit et développement. La formation présente les deux outils afin que chaque participant puisse choisir celui le plus adapté à son contexte.
Faut-il déjà avoir créé un design system pour suivre cette formation ?
Non, aucune connaissance particulière n'est requise. La formation part de l'histoire et des fondamentaux du design system avant d'aborder la pratique. Un compte Figma en formule gratuite suffit pour suivre les exercices.
Comment la formation aborde-t-elle la mesure de la performance d'un design system ?
Le dernier module de la formation couvre la mesure des KPI liés au design system, la compréhension des design API et la prise de décisions stratégiques pour atteindre les objectifs UX. Un exercice pratique de construction de la structure d'un design system clôture la formation.
Cette formation est-elle éligible au financement OPCO ?
Oui. Bewizyu est un organisme de formation certifié Qualiopi. La formation Design System est éligible à une prise en charge par votre OPCO. Contactez-nous pour obtenir un devis et un accompagnement dans vos démarches de financement.
La formation peut-elle se faire à distance ?
Oui, bien que le présentiel soit recommandé. La formation est disponible au centre Bewizyu de Nantes, dans vos locaux en intra-entreprise, ou en classe virtuelle à distance.
Prérequis recommandé
Zeroheight et Supernova s'articulent autour de composants Figma. Maîtriser Figma Niveau 2 facilite grandement cette formation :
Dates des prochaines sessions
Juillet
Du 08/7/26 au 09/7/26
Centre de Nantes / Classe à Distance
Septembre
Du 17/9/26 au 18/9/26
Centre de Nantes / Classe à Distance
Novembre
Du 19/11/26 au 20/11/26
Centre de Nantes / Classe à Distance