Guide de lecture localisé
figma-generate-libraryObjectif, utilisation et source
Créez ou mettez à jour un système de conception professionnel dans Figma à partir d'une base de code. À utiliser lorsque l'utilisateur souhaite créervariables/tokens, créer des bibliothèques de composants, configurer des thèmes (light/darkmodes), documenter les fondations ou combler les écarts entre le code et Figma. Cette compétence enseigne QUOI construire et dans QUEL ORDRE — elle complète lefigma-useCette compétence explique comment appeler l'API du plugin. Les deux compétences doivent être chargées simultanément.
Source récupérée:
- Dépôt source
- openai/skills
- SKILL.md
skills/.curated/figma-generate-library/SKILL.md- Étoiles du dépôt
- 28,420
- Mise à jour du dépôt
- 2026-10-29
- Catégories de capacités
- Développement
- 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 ?
Créez ou mettez à jour un système de conception professionnel dans Figma à partir d'une base de code. À utiliser lorsque l'utilisateur souhaite créervariables/tokens, créer des bibliothèques de composants, configurer des thèmes (light/darkmodes), documenter les fondations ou combler les écarts entre le code et Figma. Cette compétence enseigne QUOI construire et dans QUEL ORDRE — elle complète lefigma-useCette compétence explique comment appeler l'API du plugin. Les deux compétences doivent être chargées simultanément.
Comment fonctionne le flux de travail en amont
2Flux de travail obligatoire
Chaque système de conception suit cet ordre de phases. Omettre ou modifier l'ordre des phases entraîne des défaillances structurelles coûteuses à corriger.
passage en amont · L22 ↗4Gestion des états (nécessaire pour les flux de travail longs)
>getPluginData()/setPluginData()ne sont PAS pris en charge dansuse_figma. UtilisergetSharedPluginData()/setSharedPluginData()Vous pouvez également utiliser des recherches par nom et le registre d'état (identifiants renvoyés). Étiquetez chaque nœud de scène créé immédiatement après sa création : Persistance de l'état : Ne vous fiez pas uniquement au contexte de conversation pour le registre d'état. Enregistrez-le sur le disque : Relisez ce fichier au début de chaque tour. Dans les flux de travail longs, le contexte de conversation sera tronqué ; le fichier fait foi.
Créateur de systèmes de conception — Compétence Figma MCP
Créez des systèmes de conception professionnels dans Figma, parfaitement alignés sur le code. Cette compétence permet d'orchestrer des flux de travail en plusieurs phases.20–100+use_figmaappels, imposant des modèles de qualité issus de systèmes de conception réels (Material3Polaris, interface utilisateur Figma3, Simple DS). Prérequis : Lefigma-useLa compétence DOIT également être chargée pour chaqueuse_figmaCette compétence fournit les règles de syntaxe de l'API du plugin (modèle de retour, réinitialisation de page, retour d'ID, chargement des polices, gamme de couleurs). Elle permet également d'acquérir des connaissances sur le domaine du système de conception et l'orchestration des flux de travail.
node.setSharedPluginData('dsb', 'run_id', RUN_ID); // identifies this build run
node.setSharedPluginData('dsb', 'phase', 'phase3'); // which phase created it
node.setSharedPluginData('dsb', 'key', 'component/button');// unique logical keyConfiguration requise
Aucun extrait de configuration n'a été sélectionné dans ce fichier. Cela ne signifie pas que la compétence est sans dépendances. Consultez les instructions de configuration du dépôt et les fichiers référencés.
Limites et contrôles de qualité
Aucun passage de limite distinct n'a été sélectionné dans ce fichier. Cela ne signifie pas que la compétence est sûre pour toutes les entrées ou tous les environnements. Consultez le code source complet et validez vos résultats.
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.
- Créateur de systèmes de conception — Compétence Figma MCP
- 1La règle qui compte le plus
- 2Flux de travail obligatoire
- 3Règles critiques
- 4Gestion des états (nécessaire pour les flux de travail longs)
- 5. search_design_system — Matrice de décision de réutilisation
- 6Points de contrôle utilisateur
- 7Conventions de dénomination
- 8Architecture des jetons
- 9. Anti-motifs par phase
- 10Documents de référence
- 11. Scripts
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
7f42103c59fc181d7081404a56545f321c458d97f5ee7f7a0ab2af75ea69a85f