广告合作
MCP.so
登录

Figma MCP Server

@moonray

代码仓库

基本信息

分类

媒体与设计

许可证

MIT

传输方式

stdio

作者

moonray

关于 Figma MCP Server

An mcp server that efificiently generates a node tree and related metadata for a figma node.

#mcp-figma#figma#node-tree

Figma MCP Server 配置

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

{
  "mcpServers": {
    "mcp-figma-moonray": {
      "command": "node",
      "args": [
        "client-example.js",
        "https://www.figma.com/file/FILE_ID/PROJECT_NAME?node-id=NODE_ID",
        "2"
      ]
    }
  }
}

Figma MCP Server 工具

工具列表暂未提供

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

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

概览

What is Figma MCP Server?

An MCP (Model Context Protocol) server for analyzing Figma file structures. It extracts node hierarchies from Figma files and can be used both as a REST API server and as an MCP server for LLM integration. It is intended for developers working with Figma design files and AI‑assisted workflows.

How to use Figma MCP Server?

Install the package globally via npm (npm install -g figma-mcp-server) or build from source. Configure your Figma API key in a .env file (variable FIGMA_API_KEY). Start the REST API with npm start or run the MCP CLI with figma-mcp-server --cli. Send analysis requests to the POST /analyze endpoint with a Figma URL and optional depth parameter.

Key features of Figma MCP Server

  • Analyze Figma files to extract node hierarchies
  • Supports both REST API and MCP protocol
  • Configurable node tree depth
  • Simple configuration via .env file
  • Docker support for containerized deployment

Use cases of Figma MCP Server

  • Automating extraction of Figma component trees for design documentation
  • Enabling an LLM to query and reason about Figma file structure
  • Building design review tools that inspect node hierarchies
  • Integrating Figma analysis into CI/CD pipelines for design‑system checks

常见问题

1

What prerequisites are needed to run the server?

Node.js 16+ and npm or yarn are required. You also need a valid Figma API key.

2

How do I obtain a Figma API key?

You can generate an API key from your Figma account settings at https://www.figma.com/developers/api#access-tokens.

3

Can the server be used as a standalone REST API?

Yes. Run `npm start` to start an Express server on port 3000 (or a custom port set in `.env`). Use the `POST /analyze` endpoint to analyze files.

4

What does the `depth` parameter do in an analysis request?

It controls how many levels of the node tree are returned. If omitted, the server uses a default depth.

5

Is Docker deployment supported?

Yes. A Dockerfile is provided. Build the image with `docker build -t figma-mcp-server .` and run it with `docker run -p 3000:3000 --env-file .env figma-mcp-server`.

评论

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

TrueClicks

TrueClicks B.V.

TrueClicks is PPC audit and monitoring software for agencies and advertisers managing Google Ads, Microsoft Ads, and Meta Ads at scale. This connector gives read-only access to your TrueClicks data, so you can ask questi

SceneF — California + Hawaii Movie Showtimes

SceneF

Built by movie lovers, for movie lovers and their assistants. SceneF puts every screen in California and Hawaii on one board — 33 regions, from San Francisco's single-screen neighborhood houses and nightly repertory cale

Veltake Studio

Veltake AI

Drive Veltake Studio from any AI agent: create film and ad projects, have the Studio agent build scenes on the canvas, price and start renders, export edited cuts, and make single images, video, speech and music in one c

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.

1

ProfessionalHeadshot.io

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.

广告合作