Figma MCP Server

@deepsuthar496

代码仓库

基本信息

分类

媒体与设计

传输方式

stdio

作者

deepsuthar496

关于 Figma MCP Server

Interacts with Figma file content, dev resources, comments, and webhooks.

Figma MCP Server 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

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

Figma MCP Server 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。

点击上方按钮,在临时沙箱中运行此服务器并实时获取工具列表。

概览

What is Figma MCP Server?

A Model Context Protocol (MCP) server that integrates with the Figma API, allowing AI assistants to interact with Figma files, comments, components, projects, webhooks, and published styles. It is designed for developers and designers who want to manage Figma resources programmatically through MCP‑enabled clients.

How to use Figma MCP Server?

Install via Smithery (npx -y @smithery/cli install @deepsuthar496/figma-mcp-server --client claude) or manually by cloning the repository, running npm install and npm run build. Configure the server in your MCP settings file by providing a FIGMA_ACCESS_TOKEN environment variable along with the command to run the built server.

Key features of Figma MCP Server

Get Figma file information and version history
Retrieve and manage file components
List, post, and delete comments on files
List team projects and their files
Get published component styles for a team
Create, list, and delete webhooks

Use cases of Figma MCP Server

Querying Figma file metadata and version history from an AI assistant
Automating comment moderation or adding annotations to design files
Enumerating projects and files within a Figma team
Setting up webhook subscriptions to respond to Figma events
Retrieving shared component styles for design‑system consumption

常见问题

What does Figma MCP Server do?

It acts as a bridge between MCP‑compatible AI clients (e.g., Claude Desktop) and the Figma API, exposing tools for file operations, comments, projects, components, styles, and webhooks.

How do I authenticate with the Figma API?

You must set a `FIGMA_ACCESS_TOKEN` environment variable in your MCP server configuration. The server uses this token to authenticate all Figma API requests.

What are the runtime dependencies?

The server is built with Node.js (via `npm`). No other external runtime dependencies are mentioned beyond the Node.js toolchain.

Where does my data go?

All data requests are sent directly to the Figma API using your access token. The server itself does not store any data; it forwards responses between the client and Figma.

Does it support MCP transports other than stdio?

The README only documents configuring the server with a command and arguments (typical for stdio). No other transports (e.g., HTTP, SSE) are described.

媒体与设计分类下的更多 MCP 服务器

North Noir

Make AI-drawn video from chat. Claude, Cursor or Claude Code plans the film, the model draws every frame in code at 30 fps, and you edit it on a timeline with narration, music and sound effects.

Riddle Quiz Maker

Riddle.com

Creates and manages quizzes, polls, surveys, personality tests, forms, predictors, minigames and leaderboards on Riddle.com – with branching logic, custom design, live stats and embed code.

PixelDojo

Generate images, video, audio and short films with 140+ AI models from any MCP client. PixelDojo picks the right model (Flux, Seedream, Seedance, Veo, Kling, WAN, Nano Banana, GPT Image), renders it and returns download

ProfessionalHeadshot.io

Official LinkedIn, Slack and GitHub profile photo specs with sources, headshot style guides by use and industry, and a free 0-100 headshot audit. No API key needed.

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,