AI コーディングエージェントが Figma ファイルやプロトタイプに直接アクセスできるようにします。 どんな問題でもDMを送れます。https://x.com/jasonzhou1993

pipx でクイックインストール

Cursorの###:

1。 設定では、コマンドを使用してMCPサーバーを追加します。

2. またはプロジェクトに[.cursor/mcp.jsonファイルを追加します。

##Windsurfのような他のIDEでは、MCP設定ファイル(mcp_config.json)を使用します。

uvをインストールし、環境を設定

ローカルテスト

Figma MCP Python

Allow your AI coding agents to access Figma files & prototypes directly. You can DM me for any issues / improvements: https://x.com/jasonzhou1993

Quick Installation with pipx

pipx install figma-mcp

For Cursor:

1. In settings, add an MCP server using the command:

figma-mcp --figma-api-key=your_figma_key

2. OR Add a .cursor/mcp.json file in your project:

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

For other IDEs like Windsurf, use an MCP configuration file (e.g., mcp_config.json):

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

Install uv and set up the environment

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

Test locally

python -m figma_mcp.main