What is the Figma MCP Server?

Figma MCP Server is a native MCP server that gives AI agents direct access to design & creative functionality. It runs via npm and has 28,000 GitHub stars.

How do I install the Figma MCP Server?

Run npx -y @modelcontextprotocol/server-figma in your terminal, or add the MCP config to your claude_desktop_config.json. You'll also need to provide an API key.

What runtime does Figma MCP Server use?

It runs on npm. The install command is: npx -y @modelcontextprotocol/server-figma

Is the Figma MCP Server actively maintained?

The server has a quality score of 86/99 and is currently an official MCP server. Check the GitHub repo for current status.

Design & CreativenpmNeeds API KeyOfficialUnknown

Figma MCP Server

28,000 starsScore: 86

MCP server for Figma — read designs, extract components, get file info through AI.

Quick Answer

1. Figma MCP Server gives AI agents design & creative capabilities with 28,000 GitHub stars and a quality score of 86/99.
2. Install: Run npx -y @modelcontextprotocol/server-figma or add the config to your MCP client.
3. Runtime: npm — requires an API key.
4. Health: Unknown status — last checked Invalid Date.

Overview

Category: Design & Creative

Runtime: npm

Install: npx -y @modelcontextprotocol/server-figma

Auth: API key required

Source: official

Stars: 28,000

Setup time: ~2 min (API key needed)

What You Can Build

With the Figma MCP Server MCP server, your AI assistant can:

Access design & creative functionality through natural language
Securely use your API credentials for authenticated operations
Combine with other MCP servers for cross-tool automation workflows
Run with npm for reliable, consistent deployments

Health Status

Unknown

One-Click Install

Copy the snippet for your MCP client and paste it in.

Claude Desktop

Add to claude_desktop_config.json

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

Deep link

Cursor

Settings → MCP Servers → Add

{
  "mcpServers": {
    "figma-mcp-server": {
      "command": "npx -y @modelcontextprotocol/server-figma"
    }
  }
}

Saves as .cursor/mcp.json in the download. Move it to your project root.

Deep link install →

VS Code

Use with MCP extension

{
  "mcpServers": {
    "figma-mcp-server": {
      "command": "npx -y @modelcontextprotocol/server-figma"
    }
  }
}

MCP Server Configuration

Add this to your claude_desktop_config.json

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