#22MCP server

Figma MCP

Connect Figma designs to AI coding agents for direct implementation

Save Visit website ↗

Rank

#22

of 445 · by weekly downloads

Weekly downloads

84K

npm + PyPI, last 7 days

Add it to your client

Community

Install

npx -y figma-developer-mcp

mcpServers

{
  "mcpServers": {
    "framelink-figma-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp"
      ]
    }
  }
}

Transport: stdio
Runtime: Node
Auth: Required
Tools: 2
License: MIT

Tools

get_figma_datadownload_figma_images

Highlights

Direct Figma API integration via personal access tokens, no manual export needed
Extracts relevant layout, spacing, typography and visual properties in simplified form
Supports batch processing of design frames and component groups
Optional image download capability for visual reference in code generation
Works with Cursor, Claude Code, and any client using the MCP protocol

The server takes Figma URLs or file identifiers and returns curated design metadata optimized for AI readability. Rather than sending the full Figma API response, it filters down to practical information—which elements are buttons, text fields, spacing values, color definitions—that an AI model needs to replicate a design in code.

Install via npm and configure with a Figma personal access token. Runs on Node.js 20+ and operates over stdio for seamless integration with MCP-compatible editors and IDEs.

Comments(0)

No comments yet — be the first.

Similar MCP servers

Figma MCP Server

MCP server

Figma's own server that hands agents design context, variables and screenshots from a file.

Design & Media AssetsDeveloper Tools