Figma MCP Write Server

A Model Context Protocol (MCP) server that provides write access to Figma through the Plugin API, enabling AI agents to create, modify, and manage Figma designs programmatically.

Designed with ❤️ by a human. Coded with ✨ by AI agents (Claude and Gemini)

[!WARNING] This project is in pre-release development mode (Semantic Versioning < 1.0.0). All tools, interfaces and definitions are subject to change.

🚀 Overview

Since Figma's REST API is read-only, this server uses the Plugin API to enable write operations, allowing AI agents to act as autonomous graphic designers.

📋 Available Tools

Rather than a thin wrapper around the Figma API, tools are organized for intuitive use and discovery. Humans rely on the UI and good UX, but MCP tools have to be designed from the Agent's perspective.

Tool Categories

• Core Design: figma_nodes, figma_text, figma_fills, figma_strokes, figma_effects
• Layout & Positioning: figma_auto_layout, figma_constraints, figma_alignment, figma_hierarchy
• Design System: figma_styles, figma_components, figma_instances, figma_variables, figma_fonts
• Advanced Operations: figma_boolean_operations, figma_vectors
• Developer Tools: figma_dev_resources, figma_annotations, figma_measurements, figma_exports
• System: figma_plugin_status, figma_pages, figma_selection, figma_images

These 24 tools provide complete access to Figma's capabilities - from creating basic shapes and text to building complex design systems with components and variables. Advanced features include boolean operations for combining shapes, vector manipulation for custom paths, and comprehensive export options for developer handoff.

See the Complete Guide for detailed documentation of each tool.

⚡ Quick Start

System Requirements

• Operating System - Windows 10+, macOS 10.14+, or Linux (Ubuntu 18.04+)
• Active Figma Session - Server requires an open Figma file to operate
• Network Connection - For font database sync and plugin communication

1. 📋 Install pre-requisites

• Node.js 22.x - Download from nodejs.org
• npm - Comes with Node.js (verify with npm --version)
• Figma Desktop - Required for Plugin API access (browser version has limitations)
  • Download: figma.com/downloads (Windows 10+ or macOS 11+)
• Git - For cloning the repository

node --version  # Should show v22.x.x
npm --version   # Should show 8.0.0 or higher
git --version   # Should show 2.0.0 or higher

Note: Node.js v22.x is specifically required due to better-sqlite3 pre-built binary compatibility. Other Node versions may require manual compilation which can fail on some systems.

2. Clone and Build Project

git clone git@github.com:oO/figma-mcp-write-server.git
cd figma-mcp-write-server
npm install
npm run build

3. Configure Claude Desktop

Add this configuration to your Claude Desktop MCP settings file:

Configuration:

{
  "mcpServers": {
    "figma-mcp-write-server": {
      "command": "node",
      "args": ["/path/to/figma-mcp-write-server/dist/index.js"],
      "env": {
        "NODE_ENV": "production"
      }
    }
  }
}

4. Install the Figma Plugin

1. Open Figma Desktop
2. Go to Plugins → Development → Import plugin from manifest
3. Select `figma-plugin

... View full README on GitHub