GLips/Figma-Context-MCPMCPMCP Server

Figma-Context-MCP

MCP server to provide Figma layout information to AI coding agents like Cursor

15.1kstars

1.2kforks

TypeScript

aicursorfigmamcptypescript

Quality signals

StaleNo testsNo CIThin docsNo licensePopular

Open Repository Download ZIP

AI summary

Auto-generated overview of what this skill does and when to reach for it.

MCP server that feeds Figma layout data to AI coding agents like Cursor for accurate one-shot UI implementation.

Use this when

Cursor needs live Figma design data for precise code generation
Building a UI and want AI to match the exact layout/styling
Debugging a design-to-code mismatch with Figma context
Generating responsive components directly from Figma frames
Onboarding new devs with Figma-linked code examples

Don't use when

Working with non-Figma designs or static images
Need full Figma file exports or complex animations
Building without AI coding assistance (e.g., manual coding)

Capabilities

Fetches Figma layout metadata via Model Context Protocol
Strips irrelevant Figma API data for cleaner AI context
Supports frames, groups, and file links as input
Provides simplified styling and positioning for AI models
Integrates with Cursor and other MCP-compatible IDEs
Reduces hallucinations by feeding accurate design data

InstallMCPRun via npx (Node)

Universal installANY TOOL

$ npx skillcity@latest GLips/Figma-Context-MCP

Auto-detects the skill or MCP server in this repo and installs it for Claude Code, Codex, Cursor, Cline, OpenCode, Gemini CLI, Anti-Gravity, OpenClaw and Hermes.

Requires Node.js 18+ (ships with npx).

Or install manually

npx -y figma-context-mcp

MCP Configuration

Add this to your claude_desktop_config.json

{
  "mcpServers": {
    "figma-context-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-context-mcp"
      ]
    }
  }
}

Loading README…

Discover the toolingbehind modern intelligence

Discover the toolingbehind modern intelligence

Figma-Context-MCP