Figma MCP Server
Access Figma designs and files. Read design tokens, inspect components, and extract design information for development.
December 21, 2025by Community
What is a MCP?
MCP (Model Context Protocol) servers extend Claude's capabilities with external tools and data sources. They provide access to databases, APIs, file systems, and more. Configure MCP servers in .mcp.json or add them via `claude mcp add` command.
Setup Instructions
Setup: 1. Generate a personal access token at https://www.figma.com/developers/api#access-tokens 2. Token provides read access to files you can view CLI Command: FIGMA_ACCESS_TOKEN=... claude mcp add figma -- npx -y mcp-server-figma Features: - Read file and component data - Extract design tokens and styles - Inspect layer structures - Access comments and versions
MCP Configuration
{
"mcpServers": {
"figma": {
"command": "npx",
"args": ["-y", "mcp-server-figma"],
"env": {
"FIGMA_ACCESS_TOKEN": "..."
}
}
}
}
