Universal Figma MCP server: simplified design data, design tokens (8 formats), and 8-framework codegen (React/Vue/Svelte/Angular/HTML/Flutter/SwiftUI) for AI coding agents. Free PAT, no Dev Mode seat, no telemetry.
View on GitHub →
Try with Claude — $10 free →
Quick Install
Copy the config for your editor. Some servers may need additional setup — check the README.
Claude Desktop
Claude Code
Cursor
Add to claude_desktop_config.json:
{
"mcpServers": {
"open-figma-mcp": {
"command": "npx",
"args": [
"-y",
"Shivam990q/open-figma-mcp"
]
}
}
}📋 Copy
Run in terminal:
claude mcp add open-figma-mcp npx -y Shivam990q/open-figma-mcp📋 Copy
Add to .cursor/mcp.json:
{
"mcpServers": {
"open-figma-mcp": {
"command": "npx",
"args": [
"-y",
"Shivam990q/open-figma-mcp"
]
}
}
}📋 Copy
README Excerpt
<p align="center"> <img src="https://img.shields.io/npm/v/open-figma-mcp?color=8b5cf6&label=npm" alt="npm version"> <img src="https://img.shields.io/badge/license-MIT-green" alt="license"> <img src="https://img.shields.io/badge/node-%3E%3D18-brightgreen" alt="node version"> <img src="https://img.shields.io/badge/MCP-compatible-0a7cff" alt="MCP compatible">
Tools (6)
FIGMA_API_KEY FIGMA_OAUTH_TOKEN FIGMA_PROXY IMAGE_DIR OUTPUT_FORMAT SKIP_IMAGE_DOWNLOADS
Topics
ai claude codegen cursor design-to-code design-tokens figma figma-api mcp model-context-protocol react tailwind