広告掲載
MCP.so
ログイン

Figma MCP Server

@MCP-Mirror

リポジトリ

基本情報

カテゴリ

メディアとデザイン

トランスポート

stdio

作者

MCP-Mirror

Figma MCP Server について

Mirror of

#figma#mcp-server#api-integration

Figma MCP Server の設定

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

{
  "mcpServers": {
    "figma": {
      "command": "node",
      "args": [
        "path/to/figma-server/build/index.js"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": ""
      }
    }
  }
}

Figma MCP Server のツール

ツール一覧はまだありません

この掲載には表示できるツール一覧がまだありません。サーバーにツールがないという意味ではありません。対応機能はプロジェクトのドキュメントをご確認ください。

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

概要

What is Figma MCP Server?

The Figma MCP Server is a Model Context Protocol (MCP) server that integrates with Figma’s API, enabling users to interact programmatically with Figma files, comments, components, projects, styles, and webhooks. It is built for developers and designers who want to automate design workflows or connect Figma data to AI‑driven tools.

How to use Figma MCP Server?

Clone the repository, install dependencies (npm install), and build the server (npm run build). Configure the server in your MCP settings file by providing a Figma access token via the FIGMA_ACCESS_TOKEN environment variable. Use the available tools (e.g., get_file, post_comment) by calling them through your MCP client with the required arguments.

Key features of Figma MCP Server

  • Retrieve Figma file information and version history
  • List, add, and delete comments on files
  • Get components and published styles from a team
  • Manage webhooks: create, list, and delete
  • List team projects and their files

Use cases of Figma MCP Server

  • Fetching the latest design file data for automated documentation
  • Adding or moderating comments on Figma files programmatically
  • Keeping external tools in sync via webhook event notifications
  • Extracting component library information for design‑system management
  • Retrieving project file lists for reporting or integration

よくある質問

1

How do I install and configure the Figma MCP Server?

Clone the repo, run `npm install` and `npm run build`. Then add a configuration entry to your MCP settings with `command: "node"`, `args` pointing to the built `index.js`, and the environment variable `FIGMA_ACCESS_TOKEN` set to your Figma personal access token.

2

What operations does the server support?

It supports file operations (`get_file`, `get_file_versions`, `get_file_components`), comment management (`get_file_comments`, `post_comment`, `delete_comment`), project/team tools (`get_team_projects`, `get_project_files`, `get_component_styles`), and webhook management (`create_webhook`, `get_webhooks`, `delete_webhook`).

3

What authentication is required?

You must provide a Figma access token in the `FIGMA_ACCESS_TOKEN` environment variable. The server uses this token to authenticate against the Figma API.

4

Can I delete comments or webhooks through this server?

Yes. The server provides `delete_comment` (requires `file_key` and `comment_id`) and `delete_webhook` (requires `webhook_id`) tools.

5

How do I use a tool like `get_file`?

In your MCP client, specify the server name (`figma`), the tool name (`get_file`), and provide the argument `{"file_key": "your-file-key"}`. The server will return the file’s information from Figma.

コメント

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

aicut

aicut

Make AI videos, images, voiceovers and full AI Video Story episodes from Claude, ChatGPT, Cursor or any MCP client, then post them to TikTok, YouTube and Instagram. Veo, Kling, Seedance and more, on your own aicut accoun

Blaze

Blaze

Plan, create and schedule social media content from your AI assistant. Blaze makes on-brand posts, carousels and short videos, writes blog posts and newsletters, and schedules them to Instagram, TikTok, YouTube, LinkedIn

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.

SceneF — California + Hawaii Movie Showtimes

SceneF

Built by movie lovers, for movie lovers and their assistants. SceneF puts every screen in California and Hawaii on one board — 33 regions, from San Francisco's single-screen neighborhood houses and nightly repertory cale

North Noir

North Noir

Make AI-drawn video from chat. Claude, Cursor or Claude Code plans the film, the model draws every frame in code at 30 fps, and you edit it on a timeline with narration, music and sound effects.

広告掲載