M
MatthewDailey/figma-mcp
ModelContextProtocol for Figma's REST API
View on GitHub ↗Link checked 2026-11-12 · HTTP 200 · opens the vendor's own site
Install & config
- Copy the command above
- Paste it as one entry under
mcpServersinclaude_desktop_config.json— local servers take command + args (example: clients) - Restart your client
Client config (built from the install command this repo gives)
{
"mcpServers": {
"matthewdailey-figma-mcp": {
"command": "npx",
"args": ["figma-mcp"]
}
}
}Parsed from the README we fetched on 2026-11-04; we have not executed it.
command/args come from the install command the repository states. When it is ambiguous, the project README wins.
VS Code (.vscode/mcp.json - the key is servers)
{
"servers": {
"matthewdailey-figma-mcp": {
"command": "npx",
"args": ["figma-mcp"]
}
}
}Same server, but VS Code keeps it under <code>servers</code>.
Claude Code (command line)
claude mcp add --transport stdio matthewdailey-figma-mcp -- npx figma-mcp
Claude Code does not read a config file; add the server with this command.
Key names differ by client: Clients & CLI
- Source
- collected from the abordage/awesome-mcp list · type: MCP server
- Harvest history
- first seen 2026-11-05 · last seen 2026-11-14 · seen 10× · listed by 10 sources
- Score
- score 1,003 · 10 sources · mcp
- Install
npx figma-mcp
FAQ (answers come from our records)
How do I install it?
The repository provides this install command:
npx figma-mcp. It comes from the repository itself; we cannot guarantee it runs as-is in your client.Who is it for?
We filed it under these tags: MCP 服务. The tags come from the entry itself, not a taxonomy we imposed.
Who maintains it?
first catalogued 2026-11-05；last seen 2026-11-14。There is no official certification or quality rating here — we record sources and dates only.
# Figma MCP Server
以下摘录自该仓库的 README（片段） · 在 GitHub 读完整 README →
A ModelContextProtocol server that enables AI assistants to interact with Figma files. This server provides tools for viewing, commenting, and analyzing Figma designs directly through the ModelContextProtocol.
## Features
Add a Figma file to your chat with Claude by providing the url
Read and post comments on Figma files
## Setup with Claude
### Installing via Smithery
To install Figma MCP Server for Claude Desktop automatically via Smithery:
bash
npx -y @smithery/cli install @MatthewDailey/figma-mcp --client claude
1. Download and install Claude desktop app from claude.ai/download
2. Get a Figma API Key (figma.com -> click your name top left -> settings -> Security). Grant File content and Comments scopes.
2. Configure Claude to use the Figma MCP server. If this is your first MCP server, run the following in terminal.
bash
echo '{
"mcpServers": {
"figma-mcp": {
"command": "npx",
"args": ["figma-mcp"],
"env": {
"FIGMAAPIKEY": " "
}' > ~/Library/Application\ Support/Claude/claudedesktopconfig.json
If it's not, copy the figma-mcp block to your claudedesktopconfig.json
3. Restart Claude Desktop.
4. Look for the hammer icon with the number of available tools in Claude's interface to confirm the server is running.
## Example usage
Start a new chat with claude desktop and paste the following
What's in this figma file?
https://www.figma.com/design/MLkM98c1s4A9o9CMnHEyEC
## Demo of a more realistic usage
https://www.loom.com/share/0e759622e05e4ab1819325bcf6128945?sid=bcf6125b-b5de-4098-bf81-baff157e3dc3
## Development Setup
### Running with Inspector
For development and debugging purposes, you can use the MCP Inspector tool. The Inspector provides a visual interface for testing and monitoring MCP server interactions.
Visit the Inspector documentation for detailed setup instructions and usage guidelines.
The command to test locally with Inspector is
npx @modelcontextprotocol/inspector npx figma-mcp
### Local Development
1. Clone the repository
2. Install dependencies:
bash
npm install
3. Build the project:
bash
npm run build
4. For development with auto-rebuilding:
bash
npm run watch
## Available Tools
The server provides the following tools:
## Features
Add a Figma file to your chat with Claude by providing the url
Read and post comments on Figma files
## Setup with Claude
### Installing via Smithery
To install Figma MCP Server for Claude Desktop automatically via Smithery:
bash
npx -y @smithery/cli install @MatthewDailey/figma-mcp --client claude
1. Download and install Claude desktop app from claude.ai/download
2. Get a Figma API Key (figma.com -> click your name top left -> settings -> Security). Grant File content and Comments scopes.
2. Configure Claude to use the Figma MCP server. If this is your first MCP server, run the following in terminal.
bash
echo '{
"mcpServers": {
"figma-mcp": {
"command": "npx",
"args": ["figma-mcp"],
"env": {
"FIGMAAPIKEY": " "
}' > ~/Library/Application\ Support/Claude/claudedesktopconfig.json
If it's not, copy the figma-mcp block to your claudedesktopconfig.json
3. Restart Claude Desktop.
4. Look for the hammer icon with the number of available tools in Claude's interface to confirm the server is running.
## Example usage
Start a new chat with claude desktop and paste the following
What's in this figma file?
https://www.figma.com/design/MLkM98c1s4A9o9CMnHEyEC
## Demo of a more realistic usage
https://www.loom.com/share/0e759622e05e4ab1819325bcf6128945?sid=bcf6125b-b5de-4098-bf81-baff157e3dc3
## Development Setup
### Running with Inspector
For development and debugging purposes, you can use the MCP Inspector tool. The Inspector provides a visual interface for testing and monitoring MCP server interactions.
Visit the Inspector documentation for detailed setup instructions and usage guidelines.
The command to test locally with Inspector is
npx @modelcontextprotocol/inspector npx figma-mcp
### Local Development
1. Clone the repository
2. Install dependencies:
bash
npm install
3. Build the project:
bash
npm run build
4. For development with auto-rebuilding:
bash
npm run watch
## Available Tools
The server provides the following tools:
Listed badge (optional)
Copy this line into the README if you want the listing mark. Optional, and it does not affect being listed.
[](https://anclum.com/en/s/matthewdailey-figma-mcp/)
- Source
- awesome · https://github.com/MatthewDailey/figma-mcp
- Browse by field
- MCP servers
- Listed by
- 10 independent sources
- added
- today
More like this
Filed under
Every tag opens the full list for that filter. Counts are the live catalogue figures.