figma-mcp-server

Figma MCP Server

A simple MCP server for Figma

Install

Install the server

git clone https://github.com/planetabhi/figma-mcp-server.git
cd figma-mcp-server
bun i

Set tool environment variable

Create a .env file and set the FIGMA_API_KEY to your Figma API key.

FIGMA_API_KEY=

To generate a new personal access token, log in to your Figma account, then from the top-left menu, head to Settings, click on the security tab, find the Personal access tokens section, and click Generate new token to open the configuration modal where you can set the expiration and scopes before clicking Generate token.

List All Tools

List descriptions and parameters from all available tools

bun list-tools

Run the MCP Server

Find node and server path

# Find node path
which node

# Get the absolute path of the MCP server
realpath mcpServer.js

Run with Claude Desktop

• Open Claude Desktop → Settings → Developers → Edit Config and add your server:

{
  "mcpServers": {
    "figma-mcp-server": {
      "command": "<absolute_path_to_node>",
      "args": ["<absolute_path_to_mcpServer.js>"]
    }
  }
}

• Restart Claude Desktop to activate config change.

To try it out in Claude Desktop, first enable the get_file_nodes tool from the tools list. Copy a design node link from a Figma file, then paste it into Claude Desktop prompt. It will return the design node data and other information.

Run with Gemini CLI

• Open a new terminal and create the .gemini directory (if it doesn't exist)

mkdir -p ~/.gemini

• Create the settings.json file

echo '{
  "mcpServers": {
    "figma-mcp-server": {
      "command": "<absolute_path_to_node>",
      "args": ["mcpServer.js"],
      "cwd": "<absolute_path_to_working_directory>",
      "env": {
        "FIGMA_API_KEY": "your_figma_api_key_here"
      },
      "trust": true
    }
  }
}' > ~/.gemini/settings.json

• Start Gemini CLI

export GEMINI_API_KEY="your_gemini_api_key_here"
npx https://github.com/google-gemini/gemini-cli

• Use /mcp to list all tools
• Use /mcp desc to show server and tool descriptions
• Use /mcp schema to show tool parameter schemas
• Use /mcp nodesc to hide descriptions

⋛⋋( ⊙◊⊙)⋌⋚