io.github.GLips/Figma-Context-MCP icon

Figma-Context-MCP

by GLips

io.github.GLips/Figma-Context-MCP

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

Step 1: Configure

Set required package environment variables and arguments.

Local configuration
Review and edit values used for this integration mode.

Step 2: Install

Run this MCP server locally

Run this MCP server locally and expose it via stdio so your MCP client can connect.

Run via npm
Run via npm
figma-developer-mcp@0.6.6
Run command
npx figma-developer-mcp@0.6.6

Step 3: Connect

Connect in your MCP client

After you're running this MCP server locally, connect it to your MCP client using the configuration examples below.

Loading MCP clients…