Skip to main content
Glama

figma-mcp

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
Install Server
A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

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

  1. すべてのfigmaページにアクセス
  2. すべてのfigmaコンポーネントにアクセス
  3. figmaプロトタイプフローにアクセス
  1. pipxを使ったクイックインストール
    1. カーソルの場合:
    2. Windsurf などの他の IDE の場合は、MCP 構成ファイル (例: mcp_config.json ) を使用します。
  2. uvをインストールして環境を設定する
    1. ローカルでテストする

      Related MCP Servers

      • A
        security
        F
        license
        A
        quality
        Enables AI assistants to interact with Figma files through the ModelContextProtocol, allowing viewing, commenting, and analyzing Figma designs directly in chat interfaces.
        Last updated -
        5
        1,092
        194
        TypeScript
        • Apple
      • A
        security
        F
        license
        A
        quality
        Enables Cursor AI to interact with Figma designs, allowing users to read design information and programmatically modify elements through natural language commands.
        Last updated -
        38
        2,688
        2
        TypeScript
      • -
        security
        A
        license
        -
        quality
        Gives AI-powered coding tools like Cursor, Windsurf, and Cline access to Figma design files, enabling more accurate code generation directly from Figma designs.
        Last updated -
        15,222
        TypeScript
        MIT License
      • A
        security
        A
        license
        A
        quality
        Enables Cursor AI to communicate with Figma for reading designs and modifying them programmatically, allowing users to automate design tasks through natural language.
        Last updated -
        38
        2,688
        JavaScript
        MIT License
        • Apple

      View all related MCP servers

      MCP directory API

      We provide all the information about MCP servers via our MCP API.

      curl -X GET 'https://glama.ai/api/mcp/v1/servers/JayZeeDesign/figma-mcp'

      If you have feedback or need assistance with the MCP directory API, please join our Discord server