Podcast
Questions and Answers
Quel est le problème que les design tokens permettent de résoudre?
Quel est le problème que les design tokens permettent de résoudre?
Les design tokens remplacent les valeurs écrites en dur dans un design system.
Les design tokens remplacent les valeurs écrites en dur dans un design system.
True
Qu'est-ce qu'un design token ?
Qu'est-ce qu'un design token ?
Un jeton de conception, à savoir une référence unique et réutilisable dans un design system.
Les design tokens sont les ______________ dans l'approche atomic design.
Les design tokens sont les ______________ dans l'approche atomic design.
Signup and view all the answers
Quel est le but des design tokens?
Quel est le but des design tokens?
Signup and view all the answers
Les design tokens sont utilisés uniquement pour les couleurs.
Les design tokens sont utilisés uniquement pour les couleurs.
Signup and view all the answers
Match the following terms with their definitions:
Match the following terms with their definitions:
Signup and view all the answers
Quel est l'avantage de utiliser des design tokens pour la mise à jour d'un design system?
Quel est l'avantage de utiliser des design tokens pour la mise à jour d'un design system?
Signup and view all the answers
Quel est l'avantage principal de la mise en place des design tokens?
Quel est l'avantage principal de la mise en place des design tokens?
Signup and view all the answers
Les design tokens ne sont utiles que pour les grands projets.
Les design tokens ne sont utiles que pour les grands projets.
Signup and view all the answers
Quels sont les types de variables que les outils de design peuvent exporter?
Quels sont les types de variables que les outils de design peuvent exporter?
Signup and view all the answers
Certains outils de design comme _______________________ intègrent des solutions qui permettent d'automatiser l'export des design tokens.
Certains outils de design comme _______________________ intègrent des solutions qui permettent d'automatiser l'export des design tokens.
Signup and view all the answers
Match the following design tokens with their description:
Match the following design tokens with their description:
Signup and view all the answers
La mise en place des design tokens est chronophage.
La mise en place des design tokens est chronophage.
Signup and view all the answers
Study Notes
Mise à jour d'éléments graphiques
- La mise à jour d'éléments graphiques pour plusieurs applications peut être difficile et prendre du temps (plusieurs semaines ou mois) sans design tokens.
- Les design tokens permettent de moderniser et de simplifier ce processus.
Définition des design tokens
- Un design token est une référence unique et réutilisable dans un design system, représentant une décision de conception sous forme de donnée.
- Les design tokens sont les atoms dans l'approche atomic design.
- Ils remplacent les valeurs écrites "en dur" (couleurs, espacements, etc.).
Fonctionnement des design tokens
- Un design token peut être une référence d'alias qui fait référence au token global.
- Les tokens globaux peuvent être définis (ex : brand-color), et d'autres tokens peuvent être créés pour répondre à une récurrence d'utilisation (ex : ds-app-cta-primary-background).
- Les design tokens permettent d'anticiper les évolutions futures et d'augmenter la maintenabilité du design system.
Intérêt et mise en œuvre des design tokens
- La mise en place des design tokens peut prendre du temps, mais ils peuvent accélerer la mise à jour des maquettes tout au long de la phase de conception.
- Les design tokens peuvent concerner tout type de projet, même petits.
- Les outils de design disposent souvent d'un système de variables proche du concept des design tokens, qui peuvent être exportées facilement et utilisées dans l'environnement de développement.
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.
Description
Quels sont les défis et les meilleures pratiques pour mettre à jour des éléments graphiques dans plusieurs applications en même temps ? Ce quiz vous permettra de tester vos connaissances sur la mise à jour de la charte graphique et de la gestion de multiples éléments d'interface.