figma-mcp

by JayZeeDesign
Verified

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Integrations

  • Allows AI coding agents to access Figma files and prototypes directly, providing capabilities to retrieve components, specific nodes, and workflow connections from Figma designs using the Figma API.

Figma MCP Python

AIコーディングエージェントがFigmaファイルとプロトタイプに直接アクセスできるようにします。問題や改善点がありましたら、DMでご連絡ください: https://x.com/jasonzhou1993

pipxを使ったクイックインストール

pipx install figma-mcp

カーソルの場合:

  1. 設定で、次のコマンドを使用して MCP サーバーを追加します。
figma-mcp --figma-api-key=your_figma_key
  1. または、プロジェクトに.cursor/mcp.jsonファイルを追加します。
{ "mcpServers": { "figma-python": { "command": "figma-mcp", "args": [ "--figma-api-key=your_figma_key" ] } } }

Windsurf などの他の IDE の場合は、MCP 構成ファイル (例: mcp_config.json ) を使用します。

{ "mcpServers": { "figma-python": { "command": "figma-mcp", "args": [ "--figma-api-key=your_figma_key" ] } } }

uvをインストールして環境を設定する

curl -LsSf https://astral.sh/uv/install.sh | sh uv venv source .venv/bin/activate uv sync

ローカルでテストする

python -m figma_mcp.main

You must be authenticated.

A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

AIコーディングエージェントがFigmaファイルとプロトタイプに直接アクセスできるようにします。問題や改善点がありましたら、DMでご連絡ください: https://x.com/jasonzhou1993

  1. すべてのfigmaページにアクセス
  2. すべてのfigmaコンポーネントにアクセス
  3. figmaプロトタイプフローにアクセス
  1. Quick Installation with pipx
    1. For Cursor:
    2. For other IDEs like Windsurf, use an MCP configuration file (e.g., mcp_config.json):
  2. Install uv and set up the environment
    1. Test locally
      ID: pqweyr4aq9