Figma MCP Server

@thirdstrandstudio

Repository

Basic information

About Figma MCP Server

Figma MCP Server with full API functionality

#figma #api #mcp-server

Figma MCP Server config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "mcp-figma-thirdstrandstudio": {
      "command": "npx",
      "args": [
        "@smithery/cli@latest",
        "install",
        "@thirdstrandstudio/mcp-figma",
        "--client",
        "claude"
      ]
    }
  }
}

Figma MCP Server tools

Tool list not available yet

This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.

Fetch the live tool list by running this server in a temporary sandbox using the button above.

Overview

What is Figma MCP Server?

Figma MCP Server is an MCP server that provides a complete set of Figma API methods through the Model Context Protocol. It enables AI assistants like Claude to interact programmatically with Figma files, comments, components, styles, webhooks, and library analytics.

How to use Figma MCP Server?

You need a Figma API token. Install via npx @thirdstrandstudio/mcp-figma or clone and build the repository. Configure the server in your Claude Desktop config (claude_desktop_config.json) using either the FIGMA_API_KEY environment variable or the --figma-token command‑line argument. Once set up, call any of the 30+ available tools (e.g., figma_get_file, figma_post_comment) from an MCP client.

Key features of Figma MCP Server

All Figma API methods as MCP tools (30+ tools)
User, file, comment, team, and project methods
Component and style retrieval (team & file level)
Webhook management (V2 API)
Library analytics for component, style, and variable usage

Use cases of Figma MCP Server

Extract design data and assets from Figma files using natural language
Manage comments: read, post, and delete, including reactions
Set up webhooks to monitor file or team changes
Analyze library usage: track component and style adoption across teams

Frequently asked questions

How do I authenticate with the Figma API?

Set the `FIGMA_API_KEY` environment variable or pass the `--figma-token` (or `-ft`) command‑line argument when starting the server.

What Node.js version is required?

Node.js v16 or later is required.

Can I install this server via Smithery?

Yes. Use `npx @smithery/cli@latest install @thirdstrandstudio/mcp-figma --client claude` for automatic installation.

How do I use it with Claude Desktop?

Add a configuration entry to `claude_desktop_config.json` using either `npx` with the `--figma-token` argument or a direct `node` path with the `FIGMA_API_KEY` environment variable.

How should I handle large Figma files?

Start with `depth=1` when calling `figma_get_file`, then increase the depth if more detail is needed.

Comments

More Media & Design MCP servers

Constants

Constants AI

One workspace of tools for Claude and ChatGPT. Connect apps, generate video, music, and ads, and build new tools on demand. Generate and publish ad creative directly from your assistant.

AdvisorIQ

Continuing education rules for US financial advisors (CFP, CFA, IWI, IAR by state, FINRA, American College) with official sources and verified dates, plus firm-level data, national and state rankings and market stats on

Poster MCP — AI Poster Generator

aistudy11

AI Poster Generator for shop promotions and events in ChatGPT and Claude on the web. Connect free with your Poster account. Quotes and reads are free; generation uses your own Poster credits.

BulkTranscripts: YouTube Transcripts

Transcripts for one YouTube video or a whole channel or playlist, plus YouTube search, channel and playlist listings, and free new-upload tracking.

Pixel Art Generator - Sprite Fusion

Hugo Duprez

Sprite Fusion lets your AI assistant make the pixel art for your game. Describe a character, item, or tile and get sprites at the exact size you need, ready to drop into your project. Match your existing art, turn charac