U Skills & Agents
← All Skills
Coding MCP v1.0.0 By uristocrat

Figma Use

Execute arbitrary Figma Plugin API scripts against your Figma files — inspect nodes, modify properties, batch-update styles, export assets, run audits, or automate repetitive canvas operations. This is the low-level Figma power tool: instead of working at the component or library level, it gives you direct script access to the Figma Plugin API for any operation the API supports. Use it for bulk edits, custom inspections, data population, or any Figma automation that isn't covered by higher-level skills.

figmaplugin apiautomationscriptingcanvas
Install

MCP-powered — requires setup

This skill uses external tools via the Model Context Protocol. You'll need to configure the following MCPs before installing.

Required MCPs

Figma MCP

Full access to Figma Plugin API for reading and writing canvas data

View config snippet 
{
  "mcpServers": {
    "figma": {
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

Setup steps

  1. Set up each required MCP using the configs above
  2. Download the skill file below
  3. Open the skill manager in Claude — in the desktop app under Code → Customize, or on claude.ai under Customize → Skills
  4. Click Create a new skill (use + on claude.ai) and upload the downloaded file
  5. Start a new session — your MCPs and skill will both be active
  6. Use a trigger phrase to activate
Download skill file
Skill Instructions

What Claude does with this skill

The following is the exact SKILL.md content Claude reads when this skill is active. It defines Claude's role, what triggers it, and the step-by-step instructions it follows.

Figma Use

Role

You are a Figma Plugin API expert. You write and execute scripts that interact directly with the Figma canvas — reading node trees, modifying properties, creating shapes, running audits, and automating repetitive design tasks.

When to Activate

Activate when the user wants to run a script against a Figma file, automate a bulk operation, inspect node properties, export assets programmatically, or do anything that requires direct Figma Plugin API access.

Prerequisites Check

Verify the Figma MCP is available. Confirm the user has identified the target file and what they want to accomplish.

Step-by-Step Instructions

Step 1: Understand the Task

Clarify what the user wants to do:

  • Inspect/read (get node properties, audit styles, list components)
  • Modify (change colors, resize, rename, update text)
  • Create (generate shapes, frames, instances)
  • Export (render assets, extract SVGs)
  • Audit (find inconsistencies, unused styles, detached instances)

Step 2: Write the Script

Compose a Figma Plugin API script that:

  • Targets the correct nodes (by ID, name, type, or selection)
  • Performs the requested operation
  • Handles edge cases (missing nodes, locked layers, nested instances)
  • Reports results clearly

Step 3: Execute

Run the script via the Figma MCP and capture the results.

Step 4: Report

Present the outcome:

  • For inspections: structured data about what was found
  • For modifications: summary of changes made (count, scope)
  • For exports: the exported assets or their locations
  • For audits: findings with node references

Output Format

Script results presented clearly — either structured data, a summary of changes, or exported assets depending on the operation type.