C✳CODEZ.WIN
🌐 Français

Guide de lecture localisé

figma-useObjectif, utilisation et source

Prérequis OBLIGATOIRE — vous DEVEZ utiliser cette compétence AVANT chaqueuse_figmaappel d'outil. N'appelez JAMAISuse_figmadirectement, sans charger cette compétence au préalable. L'omettre entraîne des erreurs courantes et difficiles à déboguer. Déclenchez-la chaque fois que l'utilisateur souhaite effectuer une action d'écriture ou une action de lecture unique nécessitant l'exécution de JavaScript dans le contexte du fichier Figma (par exemple).create/edit/deletenœuds, définir des variables ou des jetons, créer des composants et des variantes, modifier la mise en page automatique ou les remplissages, lier des variables à des propriétés ou inspecter la structure des fichiers par programmation.

Source récupérée:

Dépôt source
openai/skills
SKILL.md
skills/.curated/figma-use/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é

SKILL.md original

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 ?

Prérequis OBLIGATOIRE — vous DEVEZ utiliser cette compétence AVANT chaqueuse_figmaappel d'outil. N'appelez JAMAISuse_figmadirectement, sans charger cette compétence au préalable. L'omettre entraîne des erreurs courantes et difficiles à déboguer. Déclenchez-la chaque fois que l'utilisateur souhaite effectuer une action d'écriture ou une action de lecture unique nécessitant l'exécution de JavaScript dans le contexte du fichier Figma (par exemple).create/edit/deletenœuds, définir des variables ou des jetons, créer des composants et des variantes, modifier la mise en page automatique ou les remplissages, lier des variables à des propriétés ou inspecter la structure des fichiers par programmation.

Comment fonctionne le flux de travail en amont

5Flux de travail incrémental (Comment éviter les bogues)

La cause la plus fréquente des bugs est de tenter d'en faire trop en même temps.use_figmaAppelez-nous. Travaillez par petites étapes et validez après chacune d'elles.

passage en amont · L86 ↗

use_figma — Compétence API du plugin Figma

Utiliseruse_figmaMCP permet d'exécuter du JavaScript dans les fichiers Figma via l'API Plugin. Toute la documentation de référence détaillée se trouve dansreferences/Toujours passerskillNames: "figma-use"lors de l'appeluse_figmaIl s'agit d'un paramètre de journalisation utilisé pour suivre l'utilisation des compétences ; il n'affecte pas l'exécution.

passage en amont · L6 ↗

1Règles critiques

Utiliserreturnpour renvoyer des données. La valeur de retour est automatiquement sérialisée au format JSON (objets, tableaux, chaînes de caractères, nombres). NE PAS appelerfigma.closePlugin()ou enveloppez votre code dans une IIFE asynchrone — c’est géré pour vous. Écrivez du JavaScript pur avec des fonctions de niveau supérieur.awaitetreturnLe code est automatiquement encapsulé dans un contexte asynchrone. NE PAS encapsuler dans(async () => { ... })().

passage en amont · L18 ↗
passage en amont · js ↗
// Switch to a specific page (loads its content)
const targetPage = figma.root.children.find((p) => p.name === "My Page");
await figma.setCurrentPageAsync(targetPage);
// targetPage.children is now populated

// Iterate over all pages
for (const page of figma.root.children) {
  await figma.setCurrentPageAsync(page);
  // page.children is now loaded — read or modify them here
}

Configuration 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

  1. 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.
  2. 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.
  3. 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.
  4. 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.

Spécifications du format et du répertoire des compétences ↗

Pour en savoir plus, consultez la source.

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
afa9c4ae068a18b93e4914b2d224180ace113db7713dd66f4df397f16ba9c4b4
Retour au catalogue complet des compétences