広告掲載
MCP.so
ログイン

Figma MCP Server

@thirdstrandstudio

リポジトリ

基本情報

カテゴリ

メディアとデザイン

ライセンス

MIT

トランスポート

stdio

作者

thirdstrandstudio

Figma MCP Server について

Figma MCP Server with full API functionality

#figma#api#mcp-server

Figma MCP Server の設定

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

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

Figma MCP Server のツール

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

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

上のボタンで一時的なサンドボックスでこのサーバーを実行し、ツール一覧を取得できます。

概要

What is Figma MCP Server?

Figma MCP Server is an MCP server that provides a complete set of Figma API methods through the Model Context Protocol. It enables AI assistants like Claude to interact programmatically with Figma files, comments, components, styles, webhooks, and library analytics.

How to use Figma MCP Server?

You need a Figma API token. Install via npx @thirdstrandstudio/mcp-figma or clone and build the repository. Configure the server in your Claude Desktop config (claude_desktop_config.json) using either the FIGMA_API_KEY environment variable or the --figma-token command‑line argument. Once set up, call any of the 30+ available tools (e.g., figma_get_file, figma_post_comment) from an MCP client.

Key features of Figma MCP Server

  • All Figma API methods as MCP tools (30+ tools)
  • User, file, comment, team, and project methods
  • Component and style retrieval (team & file level)
  • Webhook management (V2 API)
  • Library analytics for component, style, and variable usage

Use cases of Figma MCP Server

  • Extract design data and assets from Figma files using natural language
  • Manage comments: read, post, and delete, including reactions
  • Set up webhooks to monitor file or team changes
  • Analyze library usage: track component and style adoption across teams

よくある質問

1

How do I authenticate with the Figma API?

Set the `FIGMA_API_KEY` environment variable or pass the `--figma-token` (or `-ft`) command‑line argument when starting the server.

2

What Node.js version is required?

Node.js v16 or later is required.

3

Can I install this server via Smithery?

Yes. Use `npx @smithery/cli@latest install @thirdstrandstudio/mcp-figma --client claude` for automatic installation.

4

How do I use it with Claude Desktop?

Add a configuration entry to `claude_desktop_config.json` using either `npx` with the `--figma-token` argument or a direct `node` path with the `FIGMA_API_KEY` environment variable.

5

How should I handle large Figma files?

Start with `depth=1` when calling `figma_get_file`, then increase the depth if more detail is needed.

コメント

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

AI Manga & Anime Generator - Mangii MCP

AAAIStudio

Public Mangii MCP metadata (ai.mangii/manga). Remote Streamable HTTP at mcp.mangii.ai.

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.

Poster MCP — AI Poster Generator

aistudy11

AI Poster Generator for shop promotions and events in ChatGPT and Claude on the web. Connect free with your Poster account. Quotes and reads are free; generation uses your own Poster credits.

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

Pixel Art Generator - Sprite Fusion

Hugo Duprez

Sprite Fusion lets your AI assistant make the pixel art for your game. Describe a character, item, or tile and get sprites at the exact size you need, ready to drop into your project. Match your existing art, turn charac

広告掲載