Ce que contient un système de design
Un système de design généré comprend :- Tokens — les valeurs nommées (couleurs, espacements, rayons) que tout le reste référence
- Couleurs — votre palette, avec ses rôles (primaire, surface, accent…)
- Typographie — familles, tailles et graisses
- Exemples de composants — quelques composants construits (boutons, cartes…) illustrant l’usage du système
- Logos et ressources de marque, lorsque vous les fournissez
DESIGN.md dans votre projet — voir la référence.
D’où viennent les systèmes de design
Deux façons d’en créer un :- À partir de zéro — demandez-en un depuis la page d’accueil de Replit, et répondez à un court questionnaire sur votre marque.
- À partir d’un design existant — extrayez un système depuis une maquette que vous aimez déjà (menu à trois points sur la frame → extraire).
DESIGN.md existant. Détails dans Créer un système de design.
Quand un système de design est rentable
- Vous concevez plus d’une fois. Le deuxième design est là où l’incohérence commence ; un système fait en sorte que la génération N ressemble à la génération 1.
- Une équipe conçoit ensemble. Enregistrez le système dans votre espace de travail et tout le monde génère à partir de la même marque.
- Vous l’appliquez à un travail existant. Un artefact existant peut être reconstruit sous le système — voir Appliquer un système de design, y compris ce que signifie l’avertissement sur le temps/les crédits.