広告掲載
MCP.so
ログイン

Figma MCP Server

@JayArrowz

リポジトリ

基本情報

カテゴリ

メディアとデザイン

ライセンス

MIT

トランスポート

stdio

作者

JayArrowz

Figma MCP Server について

Figma MCP Server with full API functionality

#figma#api#mcp-server

Figma MCP Server の設定

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

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

Figma MCP Server のツール

31

Get the current user

Get a Figma file by key

Get specific nodes from a Figma file

Render images from a Figma file

Get image fills in a Figma file

Get version history of a Figma file

Get comments in a Figma file

Add a comment to a Figma file

Delete a comment from a Figma file

Get reactions for a comment

Add a reaction to a comment

Delete a reaction from a comment

Get projects in a team

Get files in a project

Get components in a team

Get components in a file

Get a component by key

Get component sets in a team

Get component sets in a file

Get a component set by key

Get styles in a team

Get styles in a file

Get a style by key

Create a webhook

Get a webhook by ID

Update a webhook

Delete a webhook

Get webhooks for a team

Get library analytics component usage data

Get library analytics style usage data

Get library analytics variable usage data

概要

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.

よくある質問

1

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.

2

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.

3

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.

4

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.

5

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.

コメント

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

LinkedIn Ads MCP

AdPlug

LinkedIn Ads MCP server by AdPlug, connecting LinkedIn Ads to Claude, ChatGPT and other MCP-compatible AI assistants. Analyse performance, audiences, creatives and conversions. Generate reports and manage campaigns, budg

Ultimaps

ultimaps.com

Turn your data into map images of countries, states, counties and ZIP codes with Ultimaps MCP server. Each map comes with a link to Ultimaps Studio, where you can keep editing it, export it, or publish an interactive ver

Multi Upload Tool

Multi Upload Tool

Publish and schedule videos to TikTok, YouTube Shorts, Instagram, Facebook, LinkedIn, Pinterest, Bluesky, Threads and X from Claude, Cursor or any MCP client.

P

Photo Mosaic & AI Collage Maker - Collager.ai

Collager.ai

Photo mosaic maker and AI photo collage maker: turn your own photos into a photo mosaic - one picture made of hundreds of your photos - or into a heart, number or word photo collage in seconds. No sign-in or API key need

QR Planet QR Code MCP Server

qrplanet

QR Planet QR Code MCP Server - Hosted MCP server for QR Planet. Connect AI agents and MCP-compatible clients to create, update, design, route, and analyze dynamic QR Codes using your QR Planet API key.

1
広告掲載