Variables

figma-use est le skill à installer avant chaque appel à use_figma afin que le JavaScript s’exécute en toute sécurité dans le contexte d’un fichier Figma. Il prend en charge les tâches d’implémentation de design, comme la création et la modification de nœuds, le raccordement des variables et des styles, la construction de composants et de variantes, ainsi que l’inspection programmatique de la structure du fichier. Le repo comprend des conseils d’utilisation, des pièges à éviter et des patterns pour réduire les erreurs courantes d’automatisation dans Figma.

figma-generate-design aide à transformer des pages codées, des modales, des panneaux coulissants, des barres latérales, des panneaux et d’autres vues à sections multiples en Figma à partir du système de design publié. Il repère les composants, variables, styles et ressources de bibliothèque via Code Connect et des sources associées, puis assemble l’écran section par section pour la Design Implementation au lieu de tout redessiner manuellement. Utilisez le guide figma-generate-design lorsque vous avez besoin d’une fidélité élevée au code et aux tokens.

figma-use est la compétence requise pour exécuter en toute sécurité des appels `use_figma` dans les workflows de l’API des plugins Figma. Utilisez la compétence figma-use pour l’installer et la charger avant d’écrire, mettre à jour, inspecter ou structurer des fichiers Figma avec JavaScript. Elle est particulièrement utile pour l’implémentation de design, le travail sur les composants, les variables, l’auto layout et la lecture programmatique de fichiers.