What does the Figma MCP Server do?
It is an MCP server that provides a complete set of Figma API methods as tools for AI agents and developers to interact with Figma files, comments, components, webhooks, and library analytics.
Figma MCP Server
@JayArrowz
基本信息
关于 Figma MCP Server
Figma MCP Server with full API functionality
Figma MCP Server 配置
使用下面的配置,将此服务器添加到你的 MCP 客户端。
{
"mcpServers": {
"figma": {
"command": "npx",
"args": [
"@jayarrowz/mcp-figma",
"--figma-token",
"your_figma_api_key"
]
}
}
}Figma MCP Server 工具
31Get the current user
Get a Figma file by key
Get specific nodes from a Figma file
Render images from a Figma file
Get image fills in a Figma file
Get version history of a Figma file
Get comments in a Figma file
Add a comment to a Figma file
Delete a comment from a Figma file
Get reactions for a comment
Add a reaction to a comment
Delete a reaction from a comment
Get projects in a team
Get files in a project
Get components in a team
Get components in a file
Get a component by key
Get component sets in a team
Get component sets in a file
Get a component set by key
Get styles in a team
Get styles in a file
Get a style by key
Create a webhook
Get a webhook by ID
Update a webhook
Delete a webhook
Get webhooks for a team
Get library analytics component usage data
Get library analytics style usage data
Get library analytics variable usage data
概览
What is Figma MCP Server?
It is a Model Context Protocol (MCP) server that exposes a complete set of Figma API methods as MCP tools. Designed for developers and AI assistants, it allows interacting with Figma files, components, comments, webhooks, and library analytics programmatically.
How to use Figma MCP Server?
Install via Smithery (npx @smithery/cli@latest install @thirdstrandstudio/mcp-figma --client claude) or clone the repository, run npm install and npm run build. Configure your Figma API token either as the environment variable FIGMA_API_KEY, or pass it via command-line arguments --figma-token or -ft. For Claude Desktop, add the server to your claude_desktop_config.json. On large Figma files, you may need to initially set depth = 1 when calling figma_get_file and increase as needed.
Key features of Figma MCP Server
- Complete set of Figma API methods as MCP tools.
- User, file, comment, team, component, and style operations.
- Webhook creation and management (V2 API).
- Library analytics for component, style, and variable usages.
- Supports depth parameter for handling large files.
- Works with environment variables or command-line tokens.
Use cases of Figma MCP Server
- Retrieve and inspect Figma file structures via AI assistants.
- Fetch and manage comments on design files programmatically.
- Set up webhooks to monitor file updates in real time.
- Analyze library usage for component, style, and variable analytics.
- Automate design review workflows with AI agents.
常见问题
How do I set up my Figma API token?
You can set it as the environment variable `FIGMA_API_KEY` in a `.env` file, or pass it via command-line arguments `--figma-token` (short form `-ft`) when starting the server.
What are the prerequisites for using the server?
You need Node.js v16 or later and npm or yarn. The server is installed via npm package `@thirdstrandstudio/mcp-figma` or by cloning the repository.
How should I handle large Figma files?
For large files, start with `depth = 1` in the `figma_get_file` call, then increase the depth when more detail is needed.
How can I install the server automatically?
Use Smithery with the command `npx @smithery/cli@latest install @thirdstrandstudio/mcp-figma --client claude` to install it for Claude Desktop.
媒体与设计 分类下的更多 MCP 服务器
CoDesign
IMG.LYGive your AI agent a real design engine. Create, edit and export real, editable designs from Claude Code, Codex, Cursor and more.
Treza
Treza LabsLets Claude, ChatGPT and other MCP clients build and run AI video pipelines on Treza, from script and generated shots to narration, captions and posting to YouTube or TikTok.
SnapDub
SnapDubTurn long videos into captioned vertical clips for TikTok, Reels and Shorts from Claude, ChatGPT, Cursor or any MCP client. Paste a YouTube, Twitch, Kick, Rumble or Zoom link and get clips with titles, virality scores, d
CampaignStack
Run LinkedIn and email outreach from Claude, safely. Made for lead gen agencies, founders and medium-large companies. Every account gets enforced daily limits, its own proxy, and a review queue before anything sends.
QR Planet QR Code MCP Server
qrplanetQR 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
评论