MCP Container

Figma-Context-MCP

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

GitHubWebsiteDocs

GitHub Stars

10,542

User Rating

Not Rated

Favorites

0

Views

30

Forks

843

Issues

40

Installation
Difficulty
Advanced
Estimated Time
20-45 minutes

Installation

Installation

Prerequisites

Please specify required software and versions:
Node.js: 18.0.0 or higher
npm: 8.0.0 or higher
Claude Desktop: Latest version

Installation Steps

1. Clone Repository

bash
git clone https://github.com/GLips/Figma-Context-MCP.git
cd Figma-Context-MCP

2. Install Dependencies

bash
npm install

3. Configure Claude Desktop

Edit claude_desktop_config.json to add the MCP server: 
json
{
  "mcpServers": {
    "figma-mcp": {
      "command": "node",
      "args": ["server.js"]
    }
  }
}

4. Start Server

bash
npm start

Troubleshooting

Common Issues

Issue: Server won't start Solution: Check Node.js version and reinstall dependencies. Issue: Not recognized by Claude Desktop Solution: Verify configuration file path and syntax.
Author Information
Graham Lipsman
Graham Lipsman

Entrepreneur. Hacking in the JS ecosystem. Playing with AI. I run an eCommerce agency too.

@BranchLabsSanta Barbara, California
GitHub

182

Followers

14

Repositories

6

Gists

0

Total Contributions

Tags
aicursorfigmamcptypescript
Related MCPs
Figma-Context-MCP logo
Figma-Context-MCP
11831

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

TypeScript
toolhive-studio logo
toolhive-studio
47

ToolHive is an application that allows you to install, manage and run MCP servers and connect them to AI agents

TypeScript
vscode-mcp logo
vscode-mcp
32

MCP server for Cloud Code/VSCode/Cursor/Windsurf to use editor self functionality. ⚡ Get real-time LSP diagnostics, type information, and code navigation for AI coding agents without waiting for slow tsc/eslint checks.

TypeScript