figma-mcp

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

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.

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:
    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

      Related MCP Servers

      • A
        security
        F
        license
        A
        quality
        Enables seamless interaction with Figma via the Model Context Protocol, allowing LLM applications to access, manipulate, and track Figma files, components, and variables.
        Last updated 2 months ago
        2
        106
        TypeScript
        • Apple
      • A
        security
        F
        license
        A
        quality
        A Model Context Protocol server that provides access to Figma API functionality, allowing AI assistants like Claude to interact with Figma files, comments, components, and team resources.
        Last updated 2 months ago
        18
        34
        1
      • 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 4 months ago
        5
        647
        119
        TypeScript
        • Apple
      • -
        security
        A
        license
        -
        quality
        A Model Context Protocol server that integrates Figma design files with AI coding tools like Cursor, Windsurf, and Cline, allowing AI tools to access and understand Figma design data for generating more accurate code.
        Last updated a month ago
        124
        6
        TypeScript
        MIT License
        • Linux
        • Apple

      View all related MCP servers

      ID: pqweyr4aq9