Skip to main content
Un système de design donne à Replit une direction visuelle réutilisable. Il peut capturer des tokens de couleur, la typographie, l’espacement, des exemples de composants, des logos et des ressources de marque afin que les nouveaux designs restent cohérents. Depuis la zone de saisie, sélectionnez le menu plus, puis Utiliser un système de design lorsqu’un système enregistré doit orienter ce que vous créez.

​
Quand un système de design est utile

  • Créer de façon cohérente : gardez les couleurs, la typographie, l’espacement et les composants alignés sur les nouveaux travaux.
  • Donner une direction partagée à une équipe : utilisez un système enregistré comme référence visuelle pour plusieurs Projets.
  • Restyler un travail existant : appliquez un système lorsqu’un artefact doit suivre un langage visuel différent.
Nommez le système enregistré et le résultat dont vous avez besoin. Ajoutez tout autre contexte pertinent, comme un brief, une frame Figma, une capture d’écran ou des exigences de contenu, lorsque ces sources définissent ce que le travail doit accomplir. Par exemple : « Utilise le système de design Acme enregistré pour créer un écran d’accueil mobile. Garde l’échelle typographique et les styles de boutons existants, et montre deux orientations de mise en page. » Un système de design oriente le travail visuel. Une Compétence fournit des instructions réutilisables ou une approche pour une tâche.
Système de design APEX X1 montrant sa palette de couleurs, son échelle typographique, son espacement et des exemples de composants

Un système de design enregistré avec ses couleurs, sa typographie, son espacement et des exemples de composants.

​
Suivre les flux de travail liés aux systèmes de design dans Design

Les guides Design expliquent ce que contient un système, comment en créer ou en extraire un, et comment en appliquer un à un travail existant.
Les systèmes de design, expliqués

Découvrez ce que contient un système de design et quand il est utile.

En savoir plus →
Créer un système de design

Créez-en un à partir d’un prompt ou extrayez-le d’un design existant.

Ouvrir le guide Design →
Pour un travail existant, suivez Appliquer un système de design. Une fois le contexte du projet et la direction visuelle en place, découvrez comment créer des ressources telles que des images, de l’audio, des vidéos et des SVG.