Design System

Qu'est-ce qu'un design system ?

• Un guide de couleurs et de styles de texte

• Une bibliothèque complète de variables / tokens & composants UI réutilisables

• Un framework de développement

• Une méthode de gestion de projet

Pourquoi un design system améliore-t-il l'efficacité du workflow ?

• En permettant de coder plus rapidement

• En rendant le design plus stylé tavu

• En réduisant le besoin de prendre des décisions répétitives sur le design

• En augmentant le nombre de designers, on réduit le nombre de dev

Quel outil est couramment utilisé pour documenter un design system ?

• Un post it suffit

• Photoshop

• WordPress

• Zeroheight

Quel est le rôle des tokens dans un design system ?

• Ils sont utilisés pour le branding

• Ils définissent les valeurs réutilisables

• Pour la gamification

• Ils stockent les animations

Qu'est ce qui n'est pas un token sur Figma ?

• Le spacing

• La couleur

• La typographie

• Le son

Question drôle mais pertinente : Quel est le risque d'un design système trop rigide ?

• Les designers seraient remplacés par des robots

• Les utilisateurs pourraient s'endormir devant des interfaces trop prévisibles

• Les développeurs pourraient se mettre à créer leurs propres composants pour se rebeller

Quels sont les principes d'un bon design system ? ( coche toutes les bonnes réponses )

• Passabilité et Collaboration

• Cohérence Visuelle et Fonctionnelle

• Évolutivité et Adaptabilité

• Complexité de Développement

Comment optimiser le design system sur Figma ? ( coche la ou les bonnes réponses )

• En créant les variants d'un même composant

• En créant tokens

• En stockant tous les composants sur des fichiers différents

• En groupant les composants

En quoi un design system facilite-t-il la collaboration entre les équipes ?

• En leur fournissant un manuel de design de 500 pages

• En réduisant les 2345678 réunions mensuelles

• En offrant des templates de design prêts à l'emploi

• En créant un langage commun entre designers et développeurs

Question bonus pour les premiers de la classe ; citez moi les différents design system documentée que nous avons cité en cours

• Oxygen

• Polaris

• Polari

• Pencil