Figma MCP Server

Name: Figma MCP Server
Author: deepsuthar496

@deepsuthar496

リポジトリ

Figma MCP Server について

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

基本情報

カテゴリ

メディアとデザイン

ランタイム

node

トランスポート

stdio

公開者

deepsuthar496

設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

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

ツール

ツールは検出されませんでした

ツールは README から自動的に抽出されます。メンテナーは ## Tools という見出しの下に記載することで、このタブに反映できます。

概要

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.

「メディアとデザイン」の他のコンテンツ

Google Maps

modelcontextprotocol

Model Context Protocol Servers

88.1K

Framelink Figma MCP Server

GLips

MCP server to provide Figma layout information to AI coding agents like Cursor

15.3K

NS Travel Information MCP Server

r-huijts

A Model Context Protocol (MCP) server that provides access to NS (Dutch Railways) travel information through Claude AI. This server enables Claude to fetch real-time train travel information and disruptions using the official Dutch NS API.