MCP.so
登录

Figma MCP Server

@deepsuthar496

关于 Figma MCP Server

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

基本信息

分类

媒体与设计

运行时

node

传输方式

stdio

发布者

deepsuthar496

配置

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

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

工具

未检测到工具

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

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

FAQ from Figma MCP Server

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 服务器