Figma MCP Server

Name: Figma MCP Server
Author: JayArrowz

@JayArrowz

リポジトリ

Figma MCP Server について

Figma MCP Server with full API functionality

#figma #api #mcp-server

基本情報

カテゴリ

メディアとデザイン

ライセンス

MIT

ランタイム

node

トランスポート

stdio

公開者

JayArrowz

設定

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

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

ツール

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

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

概要

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.