À partir de zéro : demandez-le depuis la page d’accueil
Commencez ici lorsque le système existe dans votre tête (ou dans vos consignes de marque) mais pas encore dans un design.1
Demandez-le dans le champ de création
Depuis la page d’accueil de Replit, décrivez le système de design que vous souhaitez dans la zone de prompt — par exemple : « Crée un système de design pour Velocity, une marque de location de supercars premium. »
2
Répondez au questionnaire
Agent pose une courte série de questions sur votre système — personnalité de marque, couleurs, préférences typographiques. Vous pouvez aussi le pointer vers une source : une URL Figma, un site web, du code, des images de référence, des ressources de marque, ou un fichier DESIGN.md existant.
À partir d’une maquette : extraire le système de design
Commencez ici lorsque vous avez déjà un design que vous adorez — une frame générée, un template déposé — et que vous voulez que tout le reste corresponde.1
Sélectionnez la maquette
Sur le canvas, cliquez sur la maquette dont vous voulez capturer le style.
2
Extrayez depuis le menu à trois points
Ouvrez le menu ⋯ (trois points) de la frame et choisissez Extract design system. Agent distille les tokens, couleurs et typographies de la maquette en un guide de style vivant — et l’applique à l’ensemble du design.
Vérifier et enregistrer
Dans les deux cas, examinez ce qui a été généré : un guide de style vivant avec vos couleurs (par rôle — primaire, accent, atténuée…), une échelle typographique, et des tokens (stockés danstokens.json, alimentant les variables CSS). Sélectionnez ensuite Save design system pour le conserver dans votre espace de travail.
