Server Directory
Developer ToolsIntermediate

Figma

by Figma

Access Figma design files and components. Read design tokens, export assets, inspect component properties, and bridge design-to-code workflows.

CAPABILITIES

  • Read design file structure
  • Export design assets
  • Inspect component properties
  • Access design tokens
  • Style extraction

INSTALLATION

Terminal
npx -y figma-mcp-server

CLAUDE DESKTOP CONFIG

claude_desktop_config.json
{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "npx", "-y",
        ""figma-mcp-server"
      ]
    }
  }
}

Config file location: ~/Library/Application Support/Claude/claude_desktop_config.json

QUICK FACTS

Category
Developer Tools
Difficulty
Intermediate
Maintained By
Figma
NPM Package
figma-mcp-server

RELATED SERVERS

NEW TO MCP?

Learn how to set up MCP servers with Claude Desktop step by step.

Read the tutorial →