Formation Piloter le design system avec Figma et Storybook
Objectifs pédagogiques
- Comprendre les principes fondamentaux et l’architecture d’un Design System
- Structurer les fondations visuelles et fonctionnelles d’un système de design dans Figma
- Maîtriser les styles, variables, composants et variantes de Figma
- Concevoir des composants réutilisables, flexibles et évolutifs
- Exploiter Auto Layout pour créer des composants robustes et maintenables
- Structurer et organiser les Design Tokens pour assurer la cohérence du système
- Construire une bibliothèque Figma scalable et facilement exploitable
- Comprendre le rôle de Storybook dans la documentation et la collaboration Design-Tech
- Organiser et documenter les composants dans Storybook
- Synchroniser efficacement les conceptions Figma avec les composants développés
- Intégrer les principes d’accessibilité et les différents états des composants
- Mettre en place des règles de gouvernance, contribution et versioning
- Piloter les évolutions et la maintenance d’un Design System à l’échelle d’un produit
- Déployer un workflow collaboratif entre designers, développeurs, Product Managers et équipes QA
Public cible
- Design System Designers
- UX/UI Designers
- Product Designers
- UI Designers
- Web Designers
- Design Ops
- Lead Designers et Design Leads
- Directeurs Artistiques spécialisés dans les produits digitaux
- Développeurs Front-End
- Lead Front-End Developers
- Architectes Front-End
- Product Managers
- Chefs de projets digitaux et multimédias
- Responsables UX et expérience digitale
- Responsables de produits digitaux travaillant avec des équipes Design et Tech
Prochaines Sessions
Inscrivez-vous dès maintenant
Besoin urgent ? Demandez une session personnalisée (délai min. 15-20 jours ouvrés)
Devis personnaliséProgramme Détaillé
- Comprendre les principes, objectifs et composants d’un Design System moderne
- Identifier les bénéfices en matière de cohérence, productivité et qualité des interfaces
- Définir les rôles, responsabilités et processus nécessaires à sa gouvernance
- Organiser couleurs, typographies, espacements, grilles, icônes et styles
- Structurer les bibliothèques et ressources partagées dans Figma
- Mettre en place une architecture évolutive et facilement maintenable
- Créer des composants robustes adaptés aux différents cas d’usage
- Exploiter variantes, propriétés de composants, Auto Layout et variables
- Gérer les états, comportements et déclinaisons des composants d’interface
- Comprendre la logique des Design Tokens et leur rôle dans l’industrialisation du design
- Structurer les variables de couleurs, typographies, espacements, dimensions et thèmes
- Organiser les tokens pour faciliter la cohérence entre design et développement
- Construire des composants de base, composants composites et patterns d’interface
- Documenter les règles d’utilisation et les cas d’usage des composants
- Garantir la cohérence visuelle et fonctionnelle de l’ensemble de la bibliothèque
- Comprendre l’architecture et le fonctionnement de Storybook
- Organiser les composants et stories pour refléter la structure du Design System
- Exploiter Storybook comme environnement de développement, documentation et validation
- Mettre en correspondance les composants Figma avec leurs implémentations front-end
- Faciliter la collaboration entre designers, développeurs et équipes produit
- Identifier les écarts entre spécifications, maquettes et composants développés
- Documenter les propriétés, variantes, comportements et règles d’utilisation
- Mettre en place des contrôles visuels et fonctionnels des composants
- Utiliser Storybook pour faciliter la revue, la validation et la maintenance du système
- Définir des règles de contribution, validation, versioning et publication
- Organiser la gestion des évolutions, demandes et nouvelles fonctionnalités
- Mettre en place une gouvernance collaborative entre Design, Produit et Développement
- Concevoir un workflow intégré de la conception Figma à l’implémentation Storybook
- Industrialiser la création, la documentation et la maintenance des composants
- Déployer un Design System évolutif, cohérent et exploitable à l’échelle d’une organisation
Approche pédagogique
Ressources & Actions
✨ Formations Recommandées
Perfectionnez vos compétences avec ces formations complémentaires
Vous trouverez ici les réponses aux questions les plus fréquentes que nous recevons de la part de nos clients. Notre objectif : vous éclairer et vous accompagner au mieux dans le développement des compétences de vos équipes.
Partie 1 : Nos Formations et Notre Approche Pédagogique
Les deux, mais notre véritable valeur ajoutée réside dans le sur-mesure. Nous partons du principe que chaque entreprise a un contexte, une culture et des défis uniques. Notre processus commence toujours par une phase d'écoute et de diagnostic pour co-construire avec vous le programme qui aura le plus d'impact.
Nos formateurs sont des experts seniors dotés d'une double compétence :
- Une expertise métier solide : Ils ont tous une expérience significative en entreprise au Maroc et comprennent les réalités du terrain.
- Une expertise pédagogique confirmée : Ils sont formés aux techniques d'animation pour adultes, favorisant l'interactivité et la pratique.
Nous nous adaptons à vos contraintes et objectifs avec plusieurs formats :
- Présentiel Intra-entreprise : Chez vous, pour une immersion totale.
- Présentiel Inter-entreprises : Pour favoriser le partage d'expériences.
- Distanciel : Des sessions live, interactives et dynamiques.
Partie 2 : Financement et Aspects Administratifs (Spécificités Marocaines)
Oui, absolument. En tant qu'organisme de formation agréé, nos actions sont éligibles au remboursement via les Contrats Spéciaux de Formation (CSF) gérés par l'OFPPT et les GIAC. C'est un levier essentiel pour optimiser votre budget formation.
Oui, c'est un service clé que nous proposons. Nous vous accompagnons de A à Z dans le montage de votre dossier d'ingénierie financière. Notre expertise du système marocain vous garantit la constitution d'un dossier conforme et le suivi jusqu'au remboursement, transformant cette contrainte administrative en une simple formalité pour vous.
Nos tarifs sont transparents et dépendent de la durée, du niveau de personnalisation, du nombre de participants et du format. Le meilleur moyen d'avoir une idée précise est de nous demander un devis personnalisé et gratuit, qui sera accompagné d'une proposition pédagogique détaillée.
Partie 3 : Processus, Logistique et Suivi
Notre processus est simple et centré sur vos besoins :
- Prise de Contact & Analyse : Échange pour comprendre vos enjeux.
- Proposition sur-mesure : Envoi d'une proposition pédagogique et financière.
- Validation & Planification : Ajustements et fixation du calendrier.
- Réalisation de la Formation.
- Évaluation & Suivi : Mesure de la satisfaction et bilan complet.
Oui. Notre réseau de formateurs nous permet d'intervenir sur l'ensemble du territoire marocain, que vos locaux soient à Casablanca, Rabat, Tanger, Marrakech, Agadir ou dans toute autre ville du Royaume.
Oui, la formation ne s'arrête pas à la fin de la session. Nous assurons un suivi rigoureux : remise des attestations, envoi d'un rapport de synthèse, et mise en place d'une évaluation à froid (quelques semaines après) pour mesurer le transfert des compétences. Des sessions de coaching de suivi sont également possibles.
Partie 4 : Impact et Retour sur Investissement (ROI)
Nous utilisons une approche à plusieurs niveaux (inspirée du modèle de Kirkpatrick) :
- Niveau 1 (Satisfaction) : Évaluation à chaud.
- Niveau 2 (Apprentissage) : Quizz et mises en situation.
- Niveau 3 (Comportement) : Évaluation à froid et entretiens avec les managers.
- Niveau 4 (Résultats) : Analyse de l'impact sur vos indicateurs de performance (KPIs).
Pour trois raisons principales :
- Notre Expertise Locale : Nous sommes des spécialistes du marché marocain et africain, de sa culture et de ses mécanismes administratifs (CSF).
- Notre Approche Sur-Mesure : Nous ne vendons pas de formations, nous construisons des solutions adaptées à votre besoin.
- Notre Engagement sur l'Impact : Nous sommes focalisés sur le retour sur investissement tangible de votre budget formation.
Des questions sur cette formation ?
Notre équipe pédagogique est à votre disposition pour répondre à toutes vos questions et vous accompagner dans votre projet de formation.
La dernière commande pour cette formation a été effectuée il y a 8 jours.
3 personnes regardent actuellement cette page.