Figma MCP Server

Name: Figma MCP Server
Author: planetabhi

@planetabhi

リポジトリ

Figma MCP Server について

A simple MCP server for Figma

#mcp #figma #claude #mcp-server

基本情報

カテゴリ

メディアとデザイン

ライセンス

View license

ランタイム

node

トランスポート

stdio

公開者

planetabhi

設定

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

{
  "mcpServers": {
    "figma-mcp-server-planetabhi": {
      "command": "docker",
      "args": [
        "build",
        "-t",
        "figma-mcp-server",
        "."
      ]
    }
  }
}

ツール

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

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

概要

What is Figma MCP Server?

A simple MCP (Model Context Protocol) server that connects AI assistants to Figma. It allows retrieving design node data from Figma files via the Figma API. Designed for developers and designers using Claude Desktop, Postman, or any MCP‑compatible client.

How to use Figma MCP Server?

Clone the repository, install dependencies with pnpm i, and set a FIGMA_API_KEY environment variable in a .env file. Run the server with Node.js (e.g., node mcpServer.js) or via Docker. Connect using Claude Desktop’s MCP configuration or Postman’s STDIO MCP request.

Key features of Figma MCP Server

Retrieves Figma design node data via the get_file_nodes tool.
Supports STDIO, SSE (--sse flag), and Docker deployment.
Works with Claude Desktop, Postman, and other MCP clients.
Lists all available tools with pnpm list-tools.
Requires a Figma personal access token for authentication.

Use cases of Figma MCP Server

Fetch design specifications by pasting a Figma node link into Claude Desktop.
Integrate Figma design data into AI‑assisted development workflows.
Automate design asset extraction using MCP‑compatible tools.
Explore Figma file structure and node properties programmatically.

FAQ from Figma MCP Server

What is Figma MCP Server?

It is an MCP server that enables AI agents to interact with Figma files by exposing tools such as get_file_nodes, which returns design node data.

How do I get a Figma API key?

Log into your Figma account, go to Settings → Security → Personal access tokens, click “Generate new token”, set expiration and scopes, then copy the token into the .env file as FIGMA_API_KEY.

What runtime does Figma MCP Server need?

It requires Node.js (installed locally) and the pnpm package manager. Docker is an alternative deployment option.

What transport protocols does it support?

It supports STDIO by default and Server‑Sent Events (SSE) when run with the --sse flag. Docker deployments also use STDIO.

Can I use Figma MCP Server without Claude Desktop?

Yes, it works with any MCP‑compatible client, including Postman (via STDIO connection) and potentially other tools that implement the MCP protocol.

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

Figma MCP Server

thirdstrandstudio

Figma MCP Server with full API functionality

Tripadvisor MCP Server

pab1it0

A Model Context Protocol (MCP) server for Tripadvisor Content API. This provides access to Tripadvisor location data, reviews, and photos through standardized MCP interfaces, allowing AI assistants to search for travel destinations and experiences.