Best of the MCP
Figma MCP Integration

Figma MCP Integration

by JayZeeDesign/figma-mcp

1 views
Created
3 months ago
Stars
54
Language
Python
License
MIT License
Issues
3

Enable AI agents to interact with Figma files and prototypes directly

Design & Graphics

Figma MCP Python

PyPI version

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

figma-mcp MCP server

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

Install

No configuration available

This service may require manual configuration, please check the details on the left

Related

Related projects feature coming soon

Will recommend related projects based on sub-categories