mcp-registry/Figma-Context-MCP


    ==================
      
       /// MCP ///
      /// FIG ///
        
    ==================
        
    [server:online]
    [protocol:ready]

Figma-Context-MCP

by GLips

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

9.5k

774

Open Source

GitHub Website Documentation NPM

Installation

1. Clone the repo

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

2. Install dependencies

npm install # or: pnpm i / yarn

3. Build the TypeScript sources (optional – dev mode uses ts-node)

npm run build # emits ./dist

4. Configure environment variables (create .env or export in shell)

   # Figma personal access token with file:read scope
   FIGMA_TOKEN=your_figma_pat
   # ID of the Figma file you want to expose through MCP (comma-separated for multiple)
   FIGMA_FILE_IDS=abcDEF123456
   # Port the server will listen on (default 8080)
   PORT=8080

5. Start the MCP server

   # Development (TS/ts-node)
   npm run dev
   # or Production (compiled JS)
   npm start

6. Verify it’s running

Visit `http://localhost:8080/mcp/status` → should return `{"ok":true}`.

Documentation

License: MIT License

Updated 7/30/2025

Figma-Context-MCP

Installation

Documentation

Table of Contents