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
Deploy 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
        623
        200
        • Apple
      • -
        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 -
        27,487
        MIT License
      • -
        security
        A
        license
        -
        quality
        Enables AI agents to interact with Figma in real-time through a WebSocket connection. Supports comprehensive design operations including text manipulation, layouts, components, variables, and export functionality.
        Last updated -
        72
        207
        MIT License
        • Apple
        • Linux
      • -
        security
        A
        license
        -
        quality
        Provides AI coding agents with access to Figma design data through the Figma API. Enables accurate one-shot implementation of designs in any framework by translating Figma files into simplified layout and styling information.
        Last updated -
        72
        MIT License
        • Apple
        • Linux

      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