Guide de lecture localisé
figma-create-design-system-rulesObjectif, utilisation et source
Génère des règles de conception personnalisées pour le code source de l'utilisateur. À utiliser lorsque l'utilisateur demande de « créer des règles de conception », de « générer des règles pour mon projet », de « configurer des règles de conception », de « personnaliser les directives de conception » ou souhaite établir des conventions spécifiques au projet pour les flux de travail Figma-code. Nécessite une connexion au serveur Figma MCP.
Source récupérée:
- Dépôt source
- openai/skills
- SKILL.md
skills/.curated/figma-create-design-system-rules/SKILL.md- Étoiles du dépôt
- 28,420
- Mise à jour du dépôt
- 2026-10-29
- Catégories de capacités
- Conception
- Dernière collecte
Licence : Non précisé
Les extraits de flux de travail sont des outils de lecture et non des instructions exécutables de Codez. Aucune compétence tierce n'a été utilisée pour générer cette page.
Les passages relatifs à l'objectif et au flux de travail ci-dessous constituent le contenu original, organisé et traduit pour la lecture. Ils sont distincts de l'analyse éditoriale de Codez, qui est étiquetée séparément.
À quoi sert cette compétence ?
Génère des règles de conception personnalisées pour le code source de l'utilisateur. À utiliser lorsque l'utilisateur demande de « créer des règles de conception », de « générer des règles pour mon projet », de « configurer des règles de conception », de « personnaliser les directives de conception » ou souhaite établir des conventions spécifiques au projet pour les flux de travail Figma-code. Nécessite une connexion au serveur Figma MCP.
Comment fonctionne le flux de travail en amont
Flux de travail requis
Suivez ces étapes dans l'ordre. Ne sautez aucune étape.
passage en amont · L49 ↗Aperçu
Cette fonctionnalité vous permet de générer des règles de conception personnalisées, adaptées aux besoins spécifiques de votre projet. Ces règles guident les agents de codage IA afin de produire un code cohérent et de haute qualité lors de l'implémentation des maquettes Figma, garantissant ainsi le respect automatique des conventions, des modèles de composants et des choix architecturaux de votre équipe.
passage en amont · L8 ↗Quand utiliser cette compétence
Utilisez cette compétence lorsque : vous démarrez un nouveau projet utilisant des maquettes Figma ; vous intégrez un agent de codage IA à un projet existant avec des modèles établis ; vous standardisez les flux de travail Figma-code au sein de votre équipe.
passage en amont · L39 ↗- IMPORTANT: Always use components from `[YOUR_PATH]` when possible
- Place new UI components in `[COMPONENT_DIRECTORY]`
- Follow `[NAMING_CONVENTION]` for component names
- Components must export as `[EXPORT_PATTERN]`Configuration requise
Prérequis
Le serveur Figma MCP doit être connecté et accessible. Accès au code source du projet pour l'analyse.
passage en amont · L33 ↗Limites et contrôles de qualité
Utilisez IMPORTANT pour les règles critiques
Préfixez les règles à ne jamais enfreindre par « IMPORTANT : » pour garantir que l'agent les priorise.
passage en amont · L452 ↗Commencez par un essai sans danger
- Vérifiez l'hôte pris en charge et les instructions d'installation du dépôt. Conservez le répertoire Skill ainsi que ses scripts, ressources et documentation référencés ;SKILL.mdSeul, il peut omettre les dépendances.
- Indiquez à l'agent vos paramètres d'entrée réels, le résultat souhaité et les critères d'acceptation. La syntaxe d'appel et les outils disponibles dépendent du système hôte ; ce site ne propose pas de commande d'installation universelle.
- Testez le flux de travail source dans un projet temporaire ou sur une copie. Avant d'autoriser les opérations qui modifient des fichiers, des services distants ou des ressources facturables, examinez-les attentivement.
- Vérifiez la conformité du résultat avec les contrôles qualité sources et vos propres exigences. Un déclenchement réussi ou un nombre élevé d'étoiles dans le dépôt ne garantissent pas un résultat correct.
Pour en savoir plus, consultez la source.
- Aperçu
- Que sont les règles d'un système de conception ?
- Prérequis
- Quand utiliser cette compétence
- Flux de travail requis
- Étape1Exécutez l'outil Créer des règles de système de conception
- Étape2Analyser le code source
- Étape3Générer des règles spécifiques au projet
- Étape4: Enregistrer les règles dans le fichier de règles approprié
- Étape5: Valider et itérer
- Règles essentielles (à toujours inclure)
- Règles recommandées (très précieuses)
- Règles facultatives (spécifiques au projet)
- Exemple1Projet React + Tailwind
- Exemple2Projet Vue + CSS personnalisé
- Exemple3: Équipe du système de conception
- Commencez simplement, itérez
- Soyez précis
- Rendre les règles applicables
- Utilisez IMPORTANT pour les règles critiques
- Documentez le pourquoi
- Problème : L'agent ne respecte pas les règles
- Problème : Les règles sont contradictoires.
- Problème : Un trop grand nombre de règles augmente la latence
- Problème : Les règles deviennent obsolètes à mesure que le projet évolue.
- Comprendre les règles du système de conception
- Ressources supplémentaires
Compétences connexes
Traduction et étendue
Ce guide de lecture sélectionne des passages de l'amont épingléSKILL.mdCette traduction est assistée. Elle ne constitue pas un manuel complet et ne garantit pas une compatibilité testée. Veuillez lire le document original et les fichiers auxquels il fait référence avant utilisation.
Cette introduction fait référence à la version épinglée ci-dessous ; l’activité actuelle du dépôt et la durée de la collecte sont indiquées séparément.
- Source épinglée
- Lire l'original ↗
- Source récupérée
- Commit source
49f948faa9258a0c61caceaf225e179651397431- Source SHA-256
1f4d7e16ba5325a80da32e2e6bde0ea850ba9287f35f4675d51d55d2f0dc6e2a