Qu’est-ce que Design system ?

C'est comme un catalogue de pièces LEGO officiel pour toute l’usine : les même briques, les mêmes notices, moins de montages bricolés en catimini. Un design system combine design tokens, composants Figma ou équivalent, et implémentation front (React, Vue…) souvent exposée dans Storybook. Il dépasse la simple charte graphique : il décrit comportements, états et règles d’usage.

Gouvernance (owners, contribution model) ; tokens ; composants versionnés ; documentation ; lien avec code ; accessibilité par défaut ; évolution continue. L’[atomic design](/lexique/atomic-design) inspire souvent la structure — sans être la seule approche.

Les organisations qui adoptent un design system mature livrent des interfaces plus vite avec moins d’écarts visuels — les retours d’équipes produit évoquent couramment 25 % à 40 % de temps en moins sur la production d’écrans une fois le socle stabilisé, selon taille du catalogue et discipline de réutilisation.

• Designers et développeurs co-propriétaires ; semantic versioning ; critères d’acceptation accessibilité par composant ; mesure d’usage des composants ; communication lors des breaking changes.

• Publier une « bibliothèque » sans process de mise à jour ni adoption métier. Figer un système sans budget maintenance. Dupliquer des variantes hors guideline « pour aller vite ».