Figma

Figma's official MCP server bridges design and development. Translate designs to code, extract design tokens, variables, and components. Available both as a local server and remote endpoint at mcp.figma.com.

Configuration

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-figma"
      ],
      "env": {
        "FIGMA_API_KEY": "your-api-key-here"
      }
    }
  }
}

Add this to your claude_desktop_config.json file.