Figma Use — Agent Skill by OpenAI

From the author

**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.

— the description by Figma

Install

Get the skill from its source (we cannot redistribute it):
https://github.com/openai/plugins/tree/d420d13051bffe4543ed39e30fa46b87148e47dd/plugins/figma/skills/figma-use

Documentation by Figma

The licence of this skill does not allow us to copy its documentation. Read it at the source

Files

SKILL.md(opens on GitHub)Not mirrored: opens on GitHub34.4 KiB
references/api-reference.md(opens on GitHub)Not mirrored: opens on GitHub15.9 KiB
references/common-patterns.md(opens on GitHub)Not mirrored: opens on GitHub14.1 KiB
references/component-patterns.md(opens on GitHub)Not mirrored: opens on GitHub23.5 KiB
references/effect-style-patterns.md(opens on GitHub)Not mirrored: opens on GitHub3.1 KiB
references/gotchas.md(opens on GitHub)Not mirrored: opens on GitHub52.1 KiB
references/plugin-api-patterns.md(opens on GitHub)Not mirrored: opens on GitHub15.9 KiB
references/plugin-api-standalone.d.ts(opens on GitHub)ScriptNot mirrored: opens on GitHub441.8 KiB
references/plugin-api-standalone.index.md(opens on GitHub)Not mirrored: opens on GitHub29.3 KiB
references/text-style-patterns.md(opens on GitHub)Not mirrored: opens on GitHub6.8 KiB
references/validation-and-recovery.md(opens on GitHub)Not mirrored: opens on GitHub4.4 KiB
references/variable-patterns.md(opens on GitHub)Not mirrored: opens on GitHub13.6 KiB
references/working-with-design-systems/wwds-components--creating.md(opens on GitHub)Not mirrored: opens on GitHub2.1 KiB
references/working-with-design-systems/wwds-components--using.md(opens on GitHub)Not mirrored: opens on GitHub2.4 KiB
references/working-with-design-systems/wwds-components.md(opens on GitHub)Not mirrored: opens on GitHub4.2 KiB
references/working-with-design-systems/wwds-effect-styles.md(opens on GitHub)Not mirrored: opens on GitHub3.2 KiB
references/working-with-design-systems/wwds-text-styles.md(opens on GitHub)Not mirrored: opens on GitHub5.0 KiB
references/working-with-design-systems/wwds-variables--creating.md(opens on GitHub)Not mirrored: opens on GitHub1.5 KiB
references/working-with-design-systems/wwds-variables--using.md(opens on GitHub)Not mirrored: opens on GitHub1.9 KiB
references/working-with-design-systems/wwds-variables.md(opens on GitHub)Not mirrored: opens on GitHub5.1 KiB
references/working-with-design-systems/wwds.md(opens on GitHub)Not mirrored: opens on GitHub5.1 KiB

Requirements and compatibility

Written for: OpenAI Codex, Claude Code

Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta

“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.

Needs: Claude Code frontmatter, Needs Node.js

Security

What our scanner noticed· Low risk

Scripts that your agent may run

This skill includes scripts that your agent may run. Read them before you use it.

A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.

Frontend Design
AnthropicOfficial
A framework for creating distinctive, intentional UI designs that avoid common templated aesthetics.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
Apache-2.0GitHub stars of the source repository188.6k
Theme Factory
AnthropicOfficial
A toolkit for applying professional color and font themes to documents, presentations, and web artifacts.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
Apache-2.0GitHub stars of the source repository188.6k
Brand Guidelines
AnthropicOfficial
Applies Anthropic's official brand colors and typography to digital artifacts.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
Apache-2.0GitHub stars of the source repository188.6k
Impeccable
Paul Bakaus· Community
A comprehensive design system and UI refinement tool for auditing, polishing, and evolving digital interfaces.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
Apache-2.0Low riskHas scriptsGitHub stars of the source repository105.3k
Diagram Design
Cathryn Lavery· Community
Generate branded, editorial-style technical diagrams as self-contained HTML, SVG, or PNG files.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
MITLow riskHas scriptsGitHub stars of the source repository65.6k
UI UX Designer
Seth Hobson· Community
An expert UI/UX designer focused on systematic, accessible, and research-backed interface creation.
Design and creativeClaude Code
MITGitHub stars of the source repository42.3k