Design token
Un design token enregistre une décision graphique nommée. Plusieurs composants peuvent le réutiliser et sa valeur se modifie à un endroit défini.
Nommer les valeurs graphiques selon leur sens
Un design token est une décision graphique nommée, par exemple une couleur, un espacement ou une taille de police. Au lieu de saisir la même valeur à plusieurs endroits, les composants utilisent un nom commun. Un token peut aussi faire référence à un autre.
Dans un exemple simplifié, color-text-primary représente la couleur normale du texte. La liste des clients et le dialogue de commande utilisent ce nom. Si sa valeur change, le processus de compilation ou de mise à jour peut transmettre ce changement aux deux vues.
Un nom et une valeur ne constituent pas encore un composant d’interface complet. Ils ne définissent ni le fonctionnement d’un bouton ni les règles métier d’un formulaire. Une modification du fichier de design n’atteint le code applicatif que si l’échange entre outils est effectivement établi.
Sources
Termes associés
- Système de designUn système de design associe règles graphiques, composants réutilisables et consignes d’usage. Il exige aussi maintenance et suivi des changements.
- Composant d’interfaceUn composant d’interface est un élément réutilisable. Sa fonction détermine la présentation et le comportement d’interaction nécessaires.
- Transmission du design au développementLa transmission du design prépare sa mise en œuvre. États, comportement et décisions encore ouvertes doivent être compréhensibles.
- Variante de composantUne variante est une forme définie d’un composant commun. Elle se distingue d’un état d’interaction temporaire.
- Bibliothèque de composantsUne bibliothèque de composants rassemble des éléments d’interface réutilisables. Comportement, variantes et version adaptée comptent aussi pour leur utilisation.
Articles sur le sujet
Votre projet avec ASES
Décrivez-nous votre projet. Nous revenons vers vous avec une première évaluation.