MCP.so
登录

Figma MCP Server

@thirdstrandstudio

基本信息

分类

媒体与设计

许可证

MIT

传输方式

stdio

作者

thirdstrandstudio

关于 Figma MCP Server

Figma MCP Server with full API functionality

Figma MCP Server 配置

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

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

Figma MCP Server 工具

工具列表暂未提供

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

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

概览

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

常见问题

1

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.

2

What Node.js version is required?

Node.js v16 or later is required.

3

Can I install this server via Smithery?

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

4

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.

5

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.

评论

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