📋 Copy MCP Install CLI { } Inspect JSON API Ground-Truth Source ↗

⚡ 1-Click Agent & Developer Install

Zero Auth · Ready for Grok Bot, Claude Code & Cursor

### Server Architecture & Capability Summary **Figma Dev Mode Design Context, Tokens & Component Tree MCP** (`figma-mcp`) is a verified **STDIO** Model Context Protocol (MCP) server curated with **@shadcn** for Grok Bot, Claude Code, and Cursor. Feed Figma frame hierarchies, Auto Layout constraints, CSS design variables, and SVG icon assets directly into Cursor, Claude Code, and Grok Bot. ### 1-Click CLI Installation Run the command below to register `figma-mcp` in Claude Code or your MCP client: ```bash claude mcp add figma -- npx -y figma-developer-mcp --figma-api-key=$FIGMA_API_KEY ``` ### Standard `mcpServers` JSON Configuration (`.cursor/mcp.json` / `claude_desktop_config.json`) ```json { "mcpServers": { "figma-mcp": { "command": "figma-api-key=$FIGMA_API_KEY", "args": [], "env": { "FIGMA_API_KEY": "figd_your_personal_access_token" } } } } ``` ### Exposed MCP Tools - `get_figma_file_nodes` — Deterministic JSON-RPC 2.0 tool exposed by `figma-mcp`. - `extract_design_tokens` — Deterministic JSON-RPC 2.0 tool exposed by `figma-mcp`. - `export_svg_assets` — Deterministic JSON-RPC 2.0 tool exposed by `figma-mcp`. - `inspect_auto_layout` — Deterministic JSON-RPC 2.0 tool exposed by `figma-mcp`. ### Authentication & Environment Variables - **Transport Protocol:** `stdio` - **Auth Mechanism:** `api_key` - `FIGMA_API_KEY`: `figd_your_personal_access_token` - **Documentation / Source:** [https://github.com/GLips/Figma-Context-MCP](https://github.com/GLips/Figma-Context-MCP)

Tags: #figma-mcp#stdio#creative-video#mcp-server#get-figma-file-nodes#extract-design-tokens

View All 6 Items by @shadcn →

template · ⚡ 79

Sable Game Art — Consistent 2D Sprite Sheet & Asset Pipeline

Generates cohesive 2D game art, character turnarounds, tilemaps, and transparent PNG sprite sheets locked to your project's color palette.

use case · ⚡ 87

Figma Frame to Token-Accurate shadcn/ui Component Pull Request

Reads Figma Dev Mode node trees, maps spacing and color tokens to CSS variables, builds the responsive React/Astro component, and verifies visual parity.

mcp · ⚡ 82

WorkOS Enterprise SSO, Directory Sync (SCIM) & AuthKit MCP

Manage enterprise SAML/OIDC Single Sign-On connections, SCIM directory provisioning, RBAC roles, and Audit Logs via the WorkOS MCP server.