ClaudeMap

Figma Context MCP

Framelink's Figma MCP server — feed real design layout data to Claude for design-to-code.

MCP Serversfigmadesigndesign-to-codemcp
Visit projectGLips/Figma-Context-MCP

The de-facto Figma MCP server (Framelink): lets Claude fetch and simplify Figma file layout via the Figma API, so generated code reflects the actual design — frames, components, and hierarchy — instead of a screenshot guess. The standard bridge for design-to-code workflows with Claude Code or Cursor.

What it does

  • Framelink Figma MCP: feed Claude structured design data (layout, styles, components) instead of screenshots
  • Pulls design context from Figma file/selection URLs to implement UI 1:1
  • Single binary via npx; `--figma-api-key` flag or FIGMA_API_KEY env

When to use it

Design-to-code: paste a Figma frame URL and let Claude generate the matching component with real spacing, colors and typography from the design tree.

Getting started

Requires a Figma personal access token. macOS/Linux:

{
  "Framelink MCP for Figma": {
    "command": "npx",
    "args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
  }
}

Windows wraps through cmd:

{
  "Framelink MCP for Figma": {
    "command": "cmd",
    "args": ["/c", "npx", "-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
  }
}

Things to know

It reads whatever your token can see — the token leaks file access, so don't commit configs containing it. Output quality depends on the design file: unnamed layers and missing auto-layout produce vaguer context.

Repository

GLips/Figma-Context-MCP

Charted

Related on the map

  • Blitz Strike

    MCP Server

    A penetration-testing methodology delivered as one MCP server: BLITZ maps the attack surface, EAGLE-EYE traces source-to-sink, STRIKE live-verifies every finding before it is reported.

    • mcp-server
    • security
    • pentest
    • methodology
    View

  • Ripwire

    MCP Server

    Red Hat's "ripgrep for AI context" — a C++23 zero-dependency CLI that also speaks MCP.

    • mcp
    • code-context
    • cli
    • red-hat
    View

  • Deja Vu

    MCP Server

    One shared session memory for 25+ coding agents — Claude Code, Codex, and Cursor finally remember the same project.

    • mcp
    • memory
    • cross-agent
    • context
    View