Le défi : Un système qui s'explique sans documentation externe.
L'objectif d'Equals : que chaque composant soit auto-documenté, que les règles d'usage soient visibles directement dans Figma, et que n'importe quel designer puisse onboarder en moins d'une heure.
La solution : L'architecture des tokens aux patterns — quatre couches.
Equals s'organise en quatre niveaux : tokens primitifs (valeurs brutes — couleurs, tailles, durées), tokens sémantiques (rôles contextuels — couleur de danger, texte secondaire), composants atomiques (boutons, inputs, badges, tags), et patterns composés (cartes, modals, formulaires, navigation…). Chaque composant intègre ses états complets (default, hover, focus, disabled, error), ses variantes documentées, et ses règles d'usage directement en annotation Figma.
Le résultat : Un investissement qui se rembourse à chaque projet.
Un design system bien structuré transforme le temps passé en capital réutilisable. Ce qui prenait 3 heures (recréer une card cohérente avec le reste du projet) se réduit à 30 secondes. Equals m'a également permis d'affiner ma compréhension des tokens sémantiques — la couche qui fait la différence entre un design system qui scale et un qui se brise au premier thème.
