Figma Pilot is an MCP that enables AI agents to control Figma through code execution. It benefits operations teams by automating design tasks, integrating with Claude agents, and connecting to Figma's API for efficient workflow management.
git clone https://github.com/youware-labs/figma-pilot.gitFigma Pilot is an MCP server that enables AI agents to control Figma by writing and executing JavaScript code against the Figma API. Instead of exposing dozens of individual tools, it provides three core tools—figma_status, figma_execute, and figma_get_api_docs—allowing agents to perform batch operations, filter data, and handle complex workflows efficiently. The skill works with MCP-compatible clients like Claude Code, Cursor, and Claude Desktop, connecting through a Figma plugin that bridges communication via HTTP. This approach reduces token overhead by 90%+ compared to traditional tool-based interfaces, making it ideal for teams automating design tasks, managing design systems, and integrating Figma workflows into larger AI-driven processes.
Install the MCP server via npm (npx @youware-labs/figma-pilot-mcp), download and import the Figma plugin from Releases, then add the skill to your AI client's skill directory. Verify the connection by asking your agent to check Figma connection status, then use natural language prompts to automate design tasks.
Batch modify design elements across multiple frames or pages
Generate landing pages and design system components from prompts
Create design tokens and apply them across projects
Perform automated accessibility checks and fixes on designs
No install command available. Check the GitHub repository for manual installation instructions.
git clone https://github.com/youware-labs/figma-pilotCopy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
I want to automate a design task in Figma using Figma Pilot. Here's what I need: [TASK]. I want to [ACTION] with [SPECIFIC DETAILS]. Can you generate the code to execute this task in Figma?
```javascript
// Figma Pilot Automation Script
// Task: Create a new frame and add text elements
// Action: Generate a social media post template
// Create a new frame
const frame = figma.createFrame();
frame.x = 0;
frame.y = 0;
frame.resize(300, 600);
// Add text elements
const title = figma.createText();
title.x = 20;
title.y = 20;
title.characters = 'Social Media Post';
title.fontSize = 24;
title.textAlignHorizontal = 'LEFT';
title.textAlignVertical = 'TOP';
// Add a subtitle
const subtitle = figma.createText();
subtitle.x = 20;
subtitle.y = 60;
subtitle.characters = 'Share your thoughts and ideas';
subtitle.fontSize = 16;
subtitle.textAlignHorizontal = 'LEFT';
title.textAlignVertical = 'TOP';
// Add a call-to-action button
const button = figma.createRectangle();
button.x = 20;
button.y = 100;
button.resize(260, 50);
button.fills = [{type: 'SOLID', color: {r: 0.18, g: 0.65, b: 0.96}}];
const buttonText = figma.createText();
buttonText.x = 20;
buttonText.y = 110;
buttonText.characters = 'Click Here';
buttonText.fontSize = 16;
buttonText.textAlignHorizontal = 'CENTER';
title.textAlignVertical = 'TOP';
// Output the result
figma.closePlugin();
```Figma is a design platform for teams who build products together.
Freelance Presentation Designer for the Fortune 500
Get more done every day with Microsoft Teams – powered by AI
Automate your spreadsheet tasks with AI power
Agentic AI Workflow platform
Connected workspace for docs, wikis, and projects
Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan