Figma MCP Server

@thirdstrandstudio

About Figma MCP Server

Figma MCP Server with full API functionality

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"
      ]
    }
  }
}

Tools

No tools detected

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

FAQ from Figma MCP Server

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.

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

Basic information

More Media & Design MCP servers

Notch

Create finished video ads from chat. Give Notch a brief or product URL — it loads your brand context, writes the script, and produces the finished ad: avatar, scenes, voiceover, captions. Built for performance marketers,

Designesy

LE-VAI

Design-system contract verification & scoring for AI agents. 40-check engine (95.3% A self-score), DTCG token validation, WCAG 2.2 a11y, Lottie motion. 17 tools, no auth.

QR Planet QR Code MCP Server

qrplanet

QR Planet QR Code MCP Server - Hosted MCP server for QR Planet. Connect AI agents and MCP-compatible clients to create, update, design, route, and analyze dynamic QR Codes using your QR Planet API key.

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.

Vibe Design System

mondaycom

🎨 Vibe Design System - Official monday.com UI resources for application development in React.js

657