Setup & Installation
npx skills add https://github.com/openai/skills --skill figma-use
https://github.com/openai/skills/tree/main/skills/.curated/figma-use
View on GitHubWhat This Skill Does
A mandatory prerequisite skill for the `use_figma` MCP tool. It loads the Plugin API rules, critical gotchas, and reference docs that must be in context before executing any JavaScript in a Figma file. Covers node creation, variable binding, auto-layout, components, and multi-step workflows.
Without this skill loaded first, `use_figma` calls fail in ways that are hard to diagnose because the rules around `return`, page context, fill reassignment, and font loading are non-obvious and have no helpful defaults.
When to use it
- Loading Plugin API rules before creating Figma components from code
- Running JavaScript to set up design tokens and variable collections in a Figma file
- Building multi-section layouts programmatically using auto-layout and component instances
- Binding design system variables to node properties like fills and spacing
- Inspecting existing Figma file structure before writing any canvas mutations