Figma Use

This is the prerequisite skill you load before every `use_figma` tool call to execute JavaScript in Figma files via the Plugin API. It's essentially a comprehensive reference guide and rulebook: how to return data instead of using `figma.notify()`, why colors are 0-1 range, when to await `setCurrentPageAsync`, and dozens of other gotchas that cause silent failures if you skip them. The source material is exhaustive, pointing to detailed type definitions and workflow docs for design systems, variables, and components. Load this first, grep the typings for what you need, work incrementally in small steps, and always return the node IDs you create. Skip it and you'll hit confusing errors that could have been avoided.

skills.sh installs: 3.1K
GitHub stars: 28.6K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add openai/skills --skill figma-use --agent claude-code

Installs into .claude/skills of the current project.

Files

use_figma — Figma Plugin API Skill

Use use_figma MCP to execute JavaScript in Figma files via the Plugin API. All detailed reference docs live in references/.

Always pass skillNames: "figma-use" when calling use_figma. This is a logging parameter used to track skill usage — it does not affect execution.

If the task involves building or updating a full page, screen, or multi-section layout in Figma from code, also load figma-generate-design. It provides the workflow for discovering design system components via search_design_system, importing them, and assembling screens incrementally. Both skills work together: this one for the API rules, that one for the screen-building workflow.

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly