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

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
  1. 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

You must be authenticated.

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

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

  1. Access all figma pages
  2. Access all figma components
  3. Access figma prototype flows
  1. Quick Installation with pipx
    1. For Cursor:
      1. 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