Figma Context MCP provides AI agents with access to Figma design data. It exposes Figma's layout information, including frames, components, and styles. The server connects to Figma's API to fetch and parse design files. Developers use it to automate UI development, generate code from designs, and maintain design-system consistency.
Figma Context MCP provides AI agents with access to Figma design data. It exposes Figma's layout information, including frames, components, and styles. The server connects to Figma's API to fetch and parse design files. Developers use it to automate UI development, generate code from designs, and maintain design-system consistency.
npx -y figma-developer-mcpAdd this configuration to your claude_desktop_config.json:
{
"mcpServers": {
"glips-figma-context-mcp-github": {
"command": "npx",
"args": [
"-y",
"npx -y figma-developer-mcp"
]
}
}
}Restart Claude Desktop, then ask:
"What tools do you have available from Figma Context MCP?"
API Key Required
This server requires an API key from Figma Context MCP. Add it to your environment or config.
| Variable | Required | Description |
|---|---|---|
| FIGMA_CONTEXT_MCP_API_KEY | Yes | Your Figma Context MCP API key |
"What resources are available in Figma Context MCP?"
Claude will query available resources and return a list of what you can access.
"Show me details about [specific item] in Figma Context MCP"
Claude will fetch and display detailed information about the requested item.
"Create a new [item] in Figma Context MCP with [details]"
Claude will use the appropriate tool to create the resource and confirm success.
We build custom MCP integrations for B2B companies. From simple connections to complex multi-tool setups.