Figma MCP Server

Name: Figma MCP Server
Availability: InStock
Author: paulvandermeijs

by paulvandermeijs

Connect AI to your Figma designs to retrieve file structures, navigate components, and export assets directly.

11 stars

0 views

Updated 10 months ago

Works in:claude

Exposes:ToolsResources

View on GitHub Docs

What it does

Connects an AI assistant to the Figma API, allowing it to read design files, explore the node hierarchy of a project, and programmatically export design assets as images. This enables AI agents to analyze UI designs, audit component structures, or extract visual assets for documentation without leaving the chat interface.

Tools

parse_figma_url: Extract the unique file key from any standard Figma URL.
get_file: Retrieve the structure of a Figma file with adjustable depth control.
get_file_nodes: Fetch specific node data within a file for detailed analysis.
export_images: Export design nodes into PNG, JPG, SVG, or PDF formats.
get_me: Verify the current authentication and Figma account status.
help: Display available usage instructions.

Installation

Add the following to your claude_desktop_config.json:

{
  "mcpServers": {
    "figma-mcp": {
      "command": "figma-mcp",
      "env": {
        "FIGMA_TOKEN": "your_figma_token_here"
      }
    }
  }
}

Supported hosts

Claude Desktop

Quick install

cargo install figma-mcp

Information

Pricing: free
Published: 5/25/2026
Updated

Related Apps

Choose your AI client and follow the steps below.

Claude Desktop

{
  "mcpServers": {
    "figma-mcp": {
      "command": "figma-mcp",
      "env": {
        "FIGMA_TOKEN": "your_figma_token_here"
      }
    }
  }
}