Skills
.Work. You
Rest

figma-pilot-mcp

Official

Control Figma from code with MCP

Design & Creative#accessibility#figma#mcp#design tokens#design automation#export#batch editing
AuthorAradotso
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Figma work often requires repetitive manual clicking to create, modify, query, and export design assets, slowing down iterations and making batch updates error-prone.

Core Features & Use Cases

  • Programmatic Figma control (MCP): Creates, modifies, deletes, and appends design elements by executing JavaScript against the Figma API.
  • Query and batch operations: Lists nodes, filters by type or properties, and updates many elements in fewer tool calls.
  • Design system workflows: Builds components, creates variants, and manages design tokens for consistent styling.
  • Accessibility and exporting: Runs accessibility checks and exports selections as PNG/SVG/JPG for review and handoff.

Quick Start

Install the MCP server and plugin, then ask your agent to modify a selected set of Figma layers to update colors, spacing tokens, and export the result as PNG.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: figma-pilot-mcp
Download link: https://github.com/Aradotso/design-skills/archive/main.zip#figma-pilot-mcp

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.