F

Figma MCP Server

Access Figma designs, components, and styles from AI agents.

open-source 74/100 Content & Media figma design ui components styles design-tokens

A Model Context Protocol server for Figma. Enables AI agents to inspect design files, extract component information, read styles, and navigate Figma project structures.

Supports reading file contents, listing components, extracting design tokens, and inspecting node properties for design-to-code workflows.

Install

npx -y @figma/mcp-server

MCP Client Config

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "-y",
        "@figma/mcp-server"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "<your-access-token>"
      }
    }
  }
}

Required Environment Variables

  • FIGMA_ACCESS_TOKEN

Capabilities

Tools

get_filelist_componentsget_nodeget_stylesget_images

Compatible With

Claude Desktop Claude Code Cursor

Pricing

Server is free. Figma API requires a Figma account.

Metrics

1,400

GitHub Stars

11,500

Installs

880

Weekly

5

Open Issues