Skip to content
mcp/harbor
VS Code

Figma Context MCP for VS Code

io.github.glips/figma-context-mcp

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

client:VS Code transport:stdio runtime:npm

Install Figma Context MCP in VS Code

.vscode/mcp.json 

{
  "inputs": [
    {
      "type": "promptString",
      "id": "figma-api-key",
      "description": "FIGMA_API_KEY",
      "password": true
    }
  ],
  "servers": {
    "figma-context-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp"
      ],
      "env": {
        "FIGMA_API_KEY": "${input:figma-api-key}"
      }
    }
  }
}

VS Code prompts for each input the first time the server starts, so no secret is written to the file. VS Code docs

Figma Context MCP in other clients

Figma Context MCP MCP server