figma-design-to-code
95 / 100 · Low risk
Fine to try.
**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 critical instructions and steps to the agent on how to correctly implement Figma designs in code and must …
What this skill can do
Runs commands on your computer
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'figma-design-to-code' ] || [ -L ~/.agents/skills/'figma-design-to-code' ]; then echo 'A skill folder named figma-design-to-code already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/openai/plugins' "$d" && git -C "$d" checkout --quiet 'd420d13051bffe4543ed39e30fa46b87148e47dd' -- 'plugins/figma/skills/figma-design-to-code' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/figma/skills/figma-design-to-code' ~/.agents/skills/'figma-design-to-code' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'figma-design-to-code' ~/.claude/skills/'figma-design-to-code' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
[](https://zalavijaysinh.github.io/skilltrust/repos/openai/plugins/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-07 | d420d13 | 95 |