En bref
Prérequis obligatoire, d’après le SKILL.md, avant d’appeler l’outil MCP Figma get_design_context. Elle doit être déclenchée dès que la personne veut implémenter, construire ou transcrire une maquette Figma en code (demandes du type « implement this Figma design » ou « design to code »). Elle fournit les instructions et le contexte nécessaires à cette transcription. Soumise aux Conditions Figma Developer Terms.
Ce que ça fait
- Prépare l’appel à get_design_context
- Guide le passage de la maquette au code
Pour qui, et un exemple
Les développeurs qui transcrivent un écran Figma en code à l’aide des outils MCP Figma.
Exemple de demande : « Implémente cet écran Figma en code, en chargeant d’abord la skill obligatoire. »
Le SKILL.md exige de charger cette skill avant get_design_context, dès qu’il s’agit d’implémenter une maquette Figma en code. Exemple rédigé par iadujour.fr à partir du SKILL.md, non testé.
Installer
Dans Codex : codex plugin add figma@openai-curated (marketplace officielle du dépôt).
codex plugin add figma@openai-curatedFonctionne avec
- Codex
Source : README : collection de plugins Codex ; la marketplace du dépôt s’appelle « Codex official ». D’autres agents ne sont pas nommés.
Niveau : Intermédiaire
Suppose un projet déjà en place chez l’éditeur et les outils décrits dans le SKILL.md.
À savoir
Extrait du SKILL.md
La description d’origine, celle que l’agent lit pour décider de charger la skill (en anglais) :
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE calling the `get_design_context` Figma MCP tool. You MUST trigger this skill whenever the user wants to implement, build, port, or code up a Figma design as code. Example prompts (not exhaustive) are 'implement this Figma design', 'build this screen from Figma', 'turn this Figma into code', 'design to code'. This skill provides […]
Citée depuis le SKILL.md au commit 33bd952 .
Le SKILL.md compte 55 lignes et 8 sections principales :
- Direction and Scope
- Workflow
- 1. Call get_design_context first
- 2. Treat the output as a reference, not final code
- 3. Reuse what the project already has
- 4. Honor the response hints by priority
- 5. Reproduce images and icons faithfully
- Error Recovery
Licence : Conditions Figma Developer Terms
Vérifiée le 10 novembre 2026 sur : fichier de licence d’un dossier parent (plugins/figma/LICENSE.txt) .
Conditions Figma Developer Terms, pas une licence open source standard : extrait court cité uniquement. Pour le texte complet, consultez la source.
Dans l’annuaire
Cas d’usage et guides qui partagent un thème, un métier ou un outil avec cette skill.
Commentaires.
Un retour d’expérience, une question, une précision sur cette skill ? Les commentaires sont relus avant publication.
Commentaires publiés
Chargement des commentaires…
Laisser un commentaire
Charte de modération. Chaque commentaire est relu avant publication. Sont refusés : l’incitation à la haine, les propos injurieux ou discriminatoires, la publicité, le spam et les liens promotionnels, le hors-sujet et les données personnelles d’autrui.