Skip to content
mcp/skillhub

Agent Skill

Figma Use skill

figma-useOpenAI Skillsskills/.curated/figma-use/SKILL.md

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically.

28kofficial repo

always on

114 tokname + description

once used

4,042 tokSKILL.md body

bundled files

281 scripts

repo stars

28kGitHub

Install the Figma Use skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/openai/skills --skill figma-use

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/openai/skills.git /tmp/skills
mkdir -p ~/.claude/skills
cp -R /tmp/skills/skills/.curated/figma-use ~/.claude/skills/figma-use

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

WhenWhat loadsCost
Every sessionName and description114 tok
When the agent uses itThe SKILL.md instructions4,042 tok
Only if opened28 bundled files (610 KB)varies

Until it is used, figma-use costs about 12× less than the median MCP server we measured (1,362 tokens on every turn). Installing all 44 skills from openai/skills would load 2,975 tokens of descriptions. Skills vs MCP study

Checks

  • Ships scripts the agent can run. Read them before installing.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

  • usefigma — Figma Plugin API Skill
  • 1. Critical Rules
  • 2. Page Rules (Critical)
  • Switching pages
  • Across script runs
  • 3. return Is Your Output Channel
  • 4. Editor Mode
  • 5. Incremental Workflow (How to Avoid Bugs)
  • The pattern
  • Suggested step order for complex tasks
  • What to validate at each step
  • 6. Error Recovery & Self-Correction
  • When usefigma returns an error
  • Common self-correction patterns
  • When the script succeeds but the result looks wrong
  • 7. Pre-Flight Checklist
  • 8. Discover Conventions Before Creating
  • Quick inspection scripts
  • 9. Reference Docs
  • 10. Snippet examples

More skills from openai/skills

All skills in this repo
  1. aspnet-coreopenai/skills

    Build, review, refactor, or architect ASP.NET Core web applications using current official guidance for .NET web development. Use when working on Blazor Web Apps, Razor Pages, MVC, Minimal APIs, controller-based Web APIs, SignalR, gRPC, middleware, dependency injection, configuration, authentication, authorization, testing, performance, deployment, or ASP.NET Core upgrades.

    28k79 tok idle · 1,065 in use
  2. chatgpt-appsopenai/skills

    Build, scaffold, refactor, and troubleshoot ChatGPT Apps SDK applications that combine an MCP server and widget UI. Use when Codex needs to design tools, register UI resources, wire the MCP Apps bridge or ChatGPT compatibility APIs, apply Apps SDK metadata or CSP or domain settings, or produce a docs-aligned project scaffold. Prefer a docs-first workflow by invoking the openai-docs skill or OpenAI developer docs MCP tools before generating code.

    28k196 tok idle · 4,080 in use
  3. cli-creatoropenai/skills

    Build a composable CLI for Codex from API docs, an OpenAPI spec, existing curl examples, an SDK, a web app, an admin tool, or a local script. Use when the user wants Codex to create a command-line tool that can run from any repo, expose composable read/write commands, return stable JSON, manage auth, and pair with a companion skill.

    28k82 tok idle · 2,222 in use
  4. cloudflare-deployopenai/skills

    Deploy applications and infrastructure to Cloudflare using Workers, Pages, and related platform services. Use when the user asks to deploy, host, publish, or set up a project on Cloudflare.

    28k43 tok idle · 1,747 in use
  5. define-goalopenai/skills

    Help the user define a concrete, measurable goal before starting work, especially when they ask to use the goal tool, create a goal, set an objective, clarify success criteria, or turn a fuzzy intention into a quantitative outcome. Use this skill for goal creation and goal refinement only; it does not manage durable snapshots, decision logs, or long-running execution artifacts.

    28k76 tok idle · 1,054 in use
  6. figmaopenai/skills

    Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.

    28k59 tok idle · 588 in use
  7. figma-code-connect-componentsopenai/skills

    Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map this component", "link component to code", "create code connect mapping", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.

    28k181 tok idle · 4,044 in use
  8. figma-create-design-system-rulesopenai/skills

    Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.

    28k170 tok idle · 3,888 in use