Figma MCP Server

@MCP-Mirror

代码仓库

基本信息

分类

媒体与设计

传输方式

stdio

作者

MCP-Mirror

关于 Figma MCP Server

Mirror of

#figma #mcp #server #typescript #api

Figma MCP Server 配置

暂无标准配置

该服务器的 README 中没有可解析的 MCP 配置块，请前往代码仓库查看安装说明。

代码仓库

Figma MCP Server 工具

工具列表暂未提供

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

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

概览

What is Figma MCP Server?

A TypeScript server implementing the Model Context Protocol (MCP) for the Figma API, enabling standardized context provision for LLMs. It allows LLM applications to seamlessly integrate with Figma files, components, and variables.

How to use Figma MCP Server?

Install via npm and set the FIGMA_ACCESS_TOKEN environment variable. Start the server with npm run start. It supports both stdio and SSE transports (e.g., figma-mcp-server --transport sse --port 3000). Use an MCP client to connect and call MCP methods like resources/list or resources/read using the custom URI scheme figma:///.

Key features of Figma MCP Server

MCP resource handlers for Figma files, variables, and components
Custom URI scheme (figma:///)
Type-safe implementation using TypeScript and Zod schemas
Request validation and comprehensive error handling
Token validation and Figma API integration
Supports both stdio and SSE transports

Use cases of Figma MCP Server

Browse and read Figma files programmatically via LLM clients
List and retrieve components, variables, and styles from Figma projects
Watch for changes on specific Figma resources
Search across Figma resources with pattern matching
Integrate Figma design data into AI-assisted workflows

常见问题

How do I configure the Figma MCP Server?

Set the `FIGMA_ACCESS_TOKEN` environment variable with your Figma access token. Optionally set `MCP_SERVER_PORT` (default 3000 for SSE).

What transports does the Figma MCP Server support?

It supports both stdio transport (piped JSON-RPC messages) and SSE transport (over HTTP).

What Figma resources can I access via the server?

Resources are accessed via `figma:///` URIs: files (`figma:///file/{key}`), components, variables, styles, teams, and projects.

What MCP operations are implemented?

The server implements `resources/list`, `resources/read`, `resources/watch`, `resources/search`, and `resources/metadata`.

Are there any known limitations or planned improvements?

The roadmap notes that caching, rate limiting, and additional Figma API endpoints are not yet implemented; these are planned for future releases.

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

Constants

Constants AI

One workspace of tools for Claude and ChatGPT. Connect apps, generate video, music, and ads, and build new tools on demand. Generate and publish ad creative directly from your assistant.

Katto

AI video clipping MCP server for scored, captioned vertical shorts, with 29 documented tools and dubbing in 19 languages. Hosted OAuth connection with a local installation option.

PhotoFresco

Let AI agents edit images in a PhotoFresco window you approve: layers, masks, previews and export.

MagicPixel.art

AI pixel art generator MCP for Claude, ChatGPT, and Cursor. Generate pixel art, remix your own assets, and sync them into Unity or Godot. Create pixel art, remix, edit, and iterate on pixel art game assets including char

Layers Marketing MCP

layers

Give your agent marketing superpowers. Layers MCP is the endpoint your coding agent calls to run growth for your product: it finds what to post, renders the video or slideshow, delivers it to TikTok, reads the result, an