au-dessus de la ligne de flottaison.
Design system
ConceptEnsemble de composants réutilisables, de patterns et de règles qui permettent de construire des interfaces cohérentes à grande échelle. Un design system inclut une bibliothèque de composants, des tokens de design (couleurs, typographies, espacements), des guidelines d'utilisation et une documentation vivante. Ce n'est pas un kit UI statique : c'est un produit en soi, avec une équipe dédiée, des versions et une roadmap. Il sert de langage commun entre designers et développeurs.
Commencer petit : documenter les composants qui existent déjà dans le produit avant d'en créer de nouveaux. Aligner la bibliothèque Figma avec le code. Versionner les composants comme du logiciel. Mesurer l'adoption : un design system que personne n'utilise est un coût sans bénéfice. Prévoir de la gouvernance : qui décide d'ajouter un composant, qui valide les modifications.
Le DSFR (Design System de l'État français) fournit des composants accessibles conformes au RGAA pour toutes les administrations. Chaque ministère l'utilise comme base et contribue aux évolutions.
Dans le flux
Un signal faible sur une fonctionnalité CSS naissante qui pourrait transformer la gestion des contrastes en design system. Plus de calculs manuels pour le contraste, c'est du code qui s'ajuste. C'est la sorte d'innovation invisible qui rend le travail moins fastidieux.
Un point de vue technique qui remet en question une pratique courante. L'autrice explique pourquoi les polices d'icônes posent des problèmes concrets en design system et propose des alternatives. C'est le genre de décision qui semble mineure mais change toute l'architecture d'un projet.