Vous souhaitez suivre cette formation ?

Contactez-nous ! Un expert vous recontactera dans les plus brefs délais.

Les 4 derniers articles du blog

Comment une TPE peut bénéficier de la VAE en 2025 ?

Découvrez comment les très petites entreprises (TPE) peuvent tirer pleinement parti de la Validation des Acquis de l'Expérience (VAE) en 2025 pour booster leurs compétences, fidéliser leurs salariés et renforcer leur positionnement concurrentiel.

Allan Busi

30 juin 202413 min

Comment trouver une entreprise en alternance en 2025 ? Guide complet et stratégies à jour

Découvrez les étapes clés, les astuces actualisées et les ressources incontournables pour décrocher une entreprise en alternance en 2025.

Allan Busi

30 juin 202412 min

Pourquoi choisir l’alternance plutôt que le parcours classique en 2025 ?

Découvrez les raisons déterminantes qui poussent étudiants et professionnels à privilégier l'alternance en 2025 : avantages, débouchés, et réponses aux enjeux du marché du travail.

Allan Busi

30 juin 202412 min

Comment une PME peut-elle accéder aux financements OPCO en 2025 ?

Découvrez les démarches, conseils pratiques et nouvelles tendances pour permettre à une PME de bénéficier efficacement des financements OPCO en 2025.

Allan Busi

30 juin 202414 min

Voir tous les articles

Objectifs de la formation

Comprendre la notion de Design System et ses enjeux en organisation

Définir et structurer les éléments fondamentaux d’un Design System (Guidelines, Tokens, Composants, Documentation)

Mettre en place une méthodologie collaborative entre designers et développeurs

Implémenter techniquement un Design System dans un projet web avec un framework adapté

Documenter et maintenir une bibliothèque de composants évolutive

Favoriser l’adoption et la contribution à l’échelle de l’entreprise

Programme

Jour 1Les fondamentaux des Design Systems et leur valeur ajoutée

Présentation des différentes familles de systèmes de design, bénéfices et enjeux. Étude de cas (Google Material, IBM Carbon…). Identification des parties prenantes et des besoins métiers. Définition de vocabulaire clé : tokens, kits UI, patrons, code source, documentation vivante. Audit d’existant et benchmarck.

Jour 2Construction et organisation d’un Design System

Organisation des fondations visuelles (typographie, couleurs, espacements, iconographie). Décomposition et normalisation des composants UI. Création de librairies partagées sous Figma/Sketch ou outil équivalent. Règles de nommage, principes d’atomic design. Structuration de la documentation (Storybook, Zeroheight, Notion…). Exercices pratiques : rédaction de guidelines et conception de composants de base.

Jour 3Implémentation, intégration technique et évolution continue

Bridge entre Design et code : bonnes pratiques de collaboration et d’outillage (Design Tokens, gestion des versions, pipelines d’intégration). Initiation à l’implémentation avec React, Vue ou autre framework moderne. Outils de maintenance et de tests UI. Gouvernance, contribution ouverte et animation de communauté au sein de l’entreprise. Gestion du changement et stratégies d’adoption. Mise en place d’un plan d’action pour le déploiement du Design System.

Méthode d'évaluation

QCM de validation à l’issue de chaque module
Projet fil rouge : constitution d’un mini Design System pour un projet type
Présentation orale en fin de formation

Méthode d'apprentissage

Alternance d’apports théoriques, d’exemples concrets et de workshop interactifs
Études de cas, revue de Design Systems existants
Nombreux exercices pratiques sur outils de design collaboratif et frameworks front-end
Supports écrits, checklists, et grille d’audit fournis

Chargement en cours...

Vous souhaitez suivre cette formation ?

Les 4 derniers articles du blog

Comment une TPE peut bénéficier de la VAE en 2025 ?

Comment trouver une entreprise en alternance en 2025 ? Guide complet et stratégies à jour

Pourquoi choisir l’alternance plutôt que le parcours classique en 2025 ?

Comment une PME peut-elle accéder aux financements OPCO en 2025 ?

Créer et Implémenter un Design System : Stratégies et Méthodes Essentielles

Objectifs de la formation

Programme

Méthode d'évaluation

Méthode d'apprentissage

Ces formations pourraient vous plaire

Maîtriser Smartsheet : Gestion de projets et collaboration efficace

Maîtriser Redmine : la gestion de projets collaborative et efficace

Maîtriser InVision : Prototypage et Collaboration pour le Design UI/UX

Maîtriser Material UI : Créez des Interfaces Modernes avec React