Figma MCP Server

claude mcp add figma --env FIGMA_API_KEY='<FIGMA_API_KEY>' -- npx @thirdstrandstudio/mcp-figma --figma-token '{{config.FIGMA_API_KEY}}'

~/.codex/config.toml

[mcp_servers.figma]
command = "npx"
args = ["@thirdstrandstudio/mcp-figma", "--figma-token", "{{config.FIGMA_API_KEY}}"]
env = { FIGMA_API_KEY = "<FIGMA_API_KEY>" }

# codex mcp add figma --env FIGMA_API_KEY='<FIGMA_API_KEY>' -- npx @thirdstrandstudio/mcp-figma --figma-token '{{config.FIGMA_API_KEY}}'

~/.cursor/mcp.json

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "@thirdstrandstudio/mcp-figma",
        "--figma-token",
        "{{config.FIGMA_API_KEY}}"
      ],
      "env": {
        "FIGMA_API_KEY": "<FIGMA_API_KEY>"
      }
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "figma": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "@thirdstrandstudio/mcp-figma",
        "--figma-token",
        "{{config.FIGMA_API_KEY}}"
      ],
      "env": {
        "FIGMA_API_KEY": "<FIGMA_API_KEY>"
      }
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "@thirdstrandstudio/mcp-figma",
        "--figma-token",
        "{{config.FIGMA_API_KEY}}"
      ],
      "env": {
        "FIGMA_API_KEY": "<FIGMA_API_KEY>"
      }
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "@thirdstrandstudio/mcp-figma",
        "--figma-token",
        "{{config.FIGMA_API_KEY}}"
      ],
      "env": {
        "FIGMA_API_KEY": "<FIGMA_API_KEY>"
      }
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "@thirdstrandstudio/mcp-figma",
        "--figma-token",
        "{{config.FIGMA_API_KEY}}"
      ],
      "env": {
        "FIGMA_API_KEY": "<FIGMA_API_KEY>"
      }
    }
  }
}