Figma MCP Server

Name: Figma MCP Server
Author: deepsuthar496

@deepsuthar496

Repository

About Figma MCP Server

Interacts with Figma file content, dev resources, comments, and webhooks.

Basic information

Config

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

{
  "mcpServers": {
    "figma-mcp-server-deepsuthar496": {
      "command": "npx",
      "args": [
        "-y",
        "@smithery/cli",
        "install",
        "@deepsuthar496/figma-mcp-server",
        "--client",
        "claude"
      ]
    }
  }
}

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?

A Model Context Protocol (MCP) server that integrates with the Figma API, allowing AI assistants to interact with Figma files, comments, components, projects, webhooks, and published styles. It is designed for developers and designers who want to manage Figma resources programmatically through MCP‑enabled clients.

How to use Figma MCP Server?

Install via Smithery (npx -y @smithery/cli install @deepsuthar496/figma-mcp-server --client claude) or manually by cloning the repository, running npm install and npm run build. Configure the server in your MCP settings file by providing a FIGMA_ACCESS_TOKEN environment variable along with the command to run the built server.

Key features of Figma MCP Server

Get Figma file information and version history
Retrieve and manage file components
List, post, and delete comments on files
List team projects and their files
Get published component styles for a team
Create, list, and delete webhooks

Use cases of Figma MCP Server

Querying Figma file metadata and version history from an AI assistant
Automating comment moderation or adding annotations to design files
Enumerating projects and files within a Figma team
Setting up webhook subscriptions to respond to Figma events
Retrieving shared component styles for design‑system consumption

FAQ from Figma MCP Server

What does Figma MCP Server do?

It acts as a bridge between MCP‑compatible AI clients (e.g., Claude Desktop) and the Figma API, exposing tools for file operations, comments, projects, components, styles, and webhooks.

How do I authenticate with the Figma API?

You must set a FIGMA_ACCESS_TOKEN environment variable in your MCP server configuration. The server uses this token to authenticate all Figma API requests.

What are the runtime dependencies?

The server is built with Node.js (via npm). No other external runtime dependencies are mentioned beyond the Node.js toolchain.

Where does my data go?

All data requests are sent directly to the Figma API using your access token. The server itself does not store any data; it forwards responses between the client and Figma.

Does it support MCP transports other than stdio?

The README only documents configuring the server with a command and arguments (typical for stdio). No other transports (e.g., HTTP, SSE) are described.

Comments

More Media & Design MCP servers

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