Design Tokens
Je vous propose un service où je mets en place des design tokens. Au lieu d'utiliser des valeurs codées en dur, telles que des valeurs hexadécimales pour les couleurs ou des valeurs en pixels pour les espacements, je donne des noms à ces valeurs.
Par la suite, nous pourrons relier ces décisions à d'autres et créer un thème. L'utilisation de design tokens facilite grandement la mise à l'échelle du design et permet d'utiliser les mêmes bases sur toutes les plateformes (Web, iOS, Android).
Les bénéfices
Convention de nommage
​En tant que concepteur, j'accorde une grande importance à la gestion des design tokens en prenant en compte les différentes catégories existantes. Je m'assure d'adopter un système de nommage logique et cohérent pour faciliter leur utilisation et leur compréhension. En établissant des conventions claires pour les catégories telles que les couleurs, les typographies, les espacements, les tailles, etc., je veille à ce que chaque design token soit facilement identifiable et utilisable à travers l'ensemble du design system. Cette approche garantit une cohérence visuelle et une évolutivité optimale, tout en facilitant la maintenance et la mise à jour des tokens au fil du temps.
blue-400
--color-blue-400
colors.button.primary