MCP.so
登录

Figma MCP Server

@sichang824

基本信息

分类

媒体与设计

传输方式

stdio

作者

sichang824

关于 Figma MCP Server

A Figma API server implementation based on Model Context Protocol (MCP), supporting Figma plugin and widget integration.

Figma MCP Server 配置

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

{
  "mcpServers": {
    "mcp-figma-sichang824": {
      "command": "bun",
      "args": [
        "run",
        "build"
      ]
    }
  }
}

Figma MCP Server 工具

工具列表暂未提供

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

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

概览

What is Figma MCP Server?

The Figma MCP Server is an implementation of the Model Context Protocol (MCP) that integrates with the Figma API. It provides a WebSocket server for Figma plugin and widget communication, enabling automation, data processing, and external service integration. This server is targeted at developers building or extending Figma plugins and widgets.

How to use Figma MCP Server?

Clone the repository, install dependencies with bun install, and set FIGMA_PERSONAL_ACCESS_TOKEN either in a .env file, via command-line arguments (-e or --token), or by configuring the token in an MCP client like Cursor. Run the development server with bun run dev and use its built‑in tools to perform Figma operations. For Cursor, add the server to .cursor/mcp.json with the appropriate command and arguments.

Key features of Figma MCP Server

  • Interact with Figma API through MCP
  • WebSocket server for Figma plugin communication
  • Support for Figma widget development
  • Environment variable configuration via command line arguments
  • Rich set of Figma operation tools
  • Plugin and widget building and development modes

Use cases of Figma MCP Server

  • Automate Figma workflow tasks (file, node, comment operations)
  • Export Figma elements as images programmatically
  • Integrate AI or external services with Figma plugins via WebSocket
  • Develop, test, and deploy custom Figma plugins and widgets
  • Search and manage Figma components and canvases

常见问题

1

What does the Figma MCP Server do?

It acts as a bridge between Figma’s API and MCP clients, allowing you to perform Figma operations (file, node, comment, image, component, canvas, and widget actions) programmatically. It also supports real‑time communication with Figma plugins via WebSocket.

2

How do I get a Figma personal access token?

Log in to Figma, go to Account Settings > Personal Access Tokens, create a new token, and copy it to your `.env` file or pass it via command line arguments using `-e FIGMA_PERSONAL_ACCESS_TOKEN=your_token` or `--token your_token`.

3

How do I configure the server in Cursor?

Add the following to `.cursor/mcp.json`: ```json { "Figma MCP": { "command": "bun", "args": [ "--watch", "/path/to/figma-mcp/src/index.ts", "-e", "FIGMA_PERSONAL_ACCESS_TOKEN=your_token", "-e", "PORT=6000" ] } } ```

4

What tools are available?

Tools include file operations, node manipulation, comment management, image export, search, component management, canvas object creation (rectangles, circles, text), and widget operations.

5

How do I load a plugin in Figma?

In Figma, right‑click to open the menu, go to Plugins > Development > Import plugin from manifest..., and select the plugin’s `manifest.json` file. The plugin will then appear in Figma’s plugin menu.

评论

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