Figma/figma-use — Agent Skills | officialskills.sh
Back to skills

figma-use

officialdesign

A prerequisite skill that must be loaded before every `use_figma` tool call.

Setup & Installation

npx skills add https://github.com/figma/mcp-server-guide --skill figma-use
or paste the link and ask your coding assistant to install it
https://github.com/figma/mcp-server-guide/tree/main/skills/figma-use
View on GitHub

What This Skill Does

A prerequisite skill that must be loaded before every `use_figma` tool call. It configures the correct execution context for running JavaScript in Figma files via the Plugin API. Covers creating and editing nodes, managing variables, building components, and inspecting file structure programmatically.

Loading this skill before each `use_figma` call prevents a class of silent failures caused by missing execution context that are otherwise difficult to trace.

When to use it

  • Creating new frames and components in a Figma file from code
  • Binding design tokens or variables to specific node properties
  • Modifying auto-layout settings across multiple frames at once
  • Reading the file structure to extract node IDs for downstream operations
  • Setting fills, strokes, and typography on nodes without touching the UI