MCP.so
Sign In

Figma MCP Server

@JayArrowz

Repository

About Figma MCP Server

Figma MCP Server with full API functionality

#figma#api#mcp-server

Basic information

Category

Media & Design

License

MIT

Runtime

node

Transports

stdio

Publisher

JayArrowz

Config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "@jayarrowz/mcp-figma",
        "--figma-token",
        "your_figma_api_key"
      ]
    }
  }
}

Tools

No tools detected

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

What is Figma MCP Server?

It is a Model Context Protocol (MCP) server that exposes a complete set of Figma API methods as MCP tools. Designed for developers and AI assistants, it allows interacting with Figma files, components, comments, webhooks, and library analytics programmatically.

How to use Figma MCP Server?

Install via Smithery (npx @smithery/cli@latest install @thirdstrandstudio/mcp-figma --client claude) or clone the repository, run npm install and npm run build. Configure your Figma API token either as the environment variable FIGMA_API_KEY, or pass it via command-line arguments --figma-token or -ft. For Claude Desktop, add the server to your claude_desktop_config.json. On large Figma files, you may need to initially set depth = 1 when calling figma_get_file and increase as needed.

Key features of Figma MCP Server

  • Complete set of Figma API methods as MCP tools.
  • User, file, comment, team, component, and style operations.
  • Webhook creation and management (V2 API).
  • Library analytics for component, style, and variable usages.
  • Supports depth parameter for handling large files.
  • Works with environment variables or command-line tokens.

Use cases of Figma MCP Server

  • Retrieve and inspect Figma file structures via AI assistants.
  • Fetch and manage comments on design files programmatically.
  • Set up webhooks to monitor file updates in real time.
  • Analyze library usage for component, style, and variable analytics.
  • Automate design review workflows with AI agents.

FAQ from Figma MCP Server

What does the Figma MCP Server do?

It is an MCP server that provides a complete set of Figma API methods as tools for AI agents and developers to interact with Figma files, comments, components, webhooks, and library analytics.

How do I set up my Figma API token?

You can set it as the environment variable FIGMA_API_KEY in a .env file, or pass it via command-line arguments --figma-token (short form -ft) when starting the server.

What are the prerequisites for using the server?

You need Node.js v16 or later and npm or yarn. The server is installed via npm package @thirdstrandstudio/mcp-figma or by cloning the repository.

How should I handle large Figma files?

For large files, start with depth = 1 in the figma_get_file call, then increase the depth when more detail is needed.

How can I install the server automatically?

Use Smithery with the command npx @smithery/cli@latest install @thirdstrandstudio/mcp-figma --client claude to install it for Claude Desktop.

Comments

More Media & Design MCP servers

KiCAD MCP: AI-Assisted PCB Design

mixelpixx

KiCAD MCP is a Model Context Protocol (MCP) implementation that enables Large Language Models (LLMs) like Claude to directly interact with KiCAD for printed circuit board design.

1.5K

Image-Gen-Server

fengin

一个能与Cursor集成的图片生成mcp server工具，实现调用即梦逆向接口

226

YouTube MCP Server

anaisbetts

A Model-Context Protocol Server for YouTube

532

Weather API MCP Server

TuanKiri

A lightweight Model Context Protocol (MCP) server that enables AI assistants like Claude to retrieve and interpret real-time weather data. Discuss on Hacker News:

247

RustChain MCP

Scottcjn

MCP server for RustChain blockchain and BoTTube video platform — AI agent tools for earning RTC tokens. Built on createkr's RustChain SDK.

99