Figma-Context-MCP

by GLips · TypeScript · ★ 14,574

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

#ai#cursor#figma#mcp#typescript

Install

npx -y github:GLips/Figma-Context-MCP

Claude Desktop config

Add this to your claude_desktop_config.json:

{
  "mcpServers": {
    "figma-context-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "github:GLips/Figma-Context-MCP"
      ]
    }
  }
}

From the README

Framelink MCP for Figma Give your coding agent access to your Figma data.Implement designs in any framework in one-shot. Give [Cursor](https://cursor.sh/) and other AI-powered coding tools access to your Figma files with this [Model Context Protocol](https://modelcontextprotocol.io/introduction) server. When Cursor has access to Figma design data, it's **way** better at one-shotting designs accurately than alternative approaches like pasting screenshots. See quickstart instructions → [Watch a demo of building a UI in Cursor with Figma design…

Read full README on GitHub →

💡 Need a managed MCP host?

Try Claude Pro for the smoothest MCP experience, or browse our cloud-hosted servers.

Related developer tools servers

everything-claude-code

affaan-m

★ 170,676

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

Developer Tools · JavaScript