Martin Molet

Au sein de l’équipe Design System, mon rôle était d’améliorer et de maintenir les librairies Figma utilisées par une trentaine de designers. L’objectif étant d’assurer la cohérence des composants, de corriger les erreurs passées et d’optimiser les workflows pour rendre le travail plus efficace.

Mes principales responsabilités :

• Structurer et optimiser les librairies Figma pour garantir une utilisation fluide et standardisée.

• Implémenter un système de tokens afin d’automatiser les déclinaisons graphiques, limiter les erreurs et faciliter la maintenance.

• Documenter précisément chaque composant pour assurer une meilleure compréhension et utilisation du design system par les designers et développeurs.

• Accompagner les designers dans l’adoption des bonnes pratiques et les aider à monter en compétence sur les outils.

• Moderniser les processus de travail en créant des guides, tutoriels et présentations pour améliorer l’accessibilité et l’efficacité du design system.

• Collaborer avec les équipes techniques et produits pour assurer une intégration fluide du design system dans les projets.

En tant qu’intervenant auprès d’étudiants de Master 1, j’ai animé un atelier consacré à la conception et à la documentation d’un Design System. J’ai introduit les fondamentaux du design system moderne, notamment l’Atomic Design, les variables, les design tokens et le theming.

À travers des exercices pratiques, les étudiants ont structuré une librairie basée sur les principes atomiques (atoms, molecules, organisms) afin de comprendre la logique de modularité et de réutilisabilité. Ils ont ensuite rédigé la documentation complète de ce Design System, incluant l’usage des composants, les bonnes pratiques et les règles de cohérence.

L’atelier associait théorie, méthodologie et mise en application concrète.

Responsabilités principales :

• • Concevoir et améliorer les maquettes pour optimiser l'expérience utilisateur.

• • Gérer le design system de l'application mobile, d'abord en tant que designer, puis en tant que référent.

• • Refonte complète de la librairie Figma : automatisation des déclinaisons, mise en place des tokens et intégration d'un switch light/dark mode.

• • Assurer la cohérence graphique et optimiser les outils de travail des designers et développeurs.

Grâce à ces initiatives, le design system est devenu plus structuré et automatisé, permettant aux équipes de travailler plus efficacement tout en garantissant une cohérence visuelle sur l'application.