Set up Figma MCP in Continue

Access Figma designs, extract design tokens, inspect layers, and bridge the gap between design and code from your AI editor.

Locate the config file

Continue reads MCP server configuration from the following file:

~/.continue/config.yaml

Create this file if it does not already exist.

Add the following to your Continue config file:

yaml

mcpServers:
  - name: figma-mcp
    command: npx
    args:
      - -y
      - figma-mcp
    env:
      FIGMA_ACCESS_TOKEN: YOUR_FIGMA_ACCESS_TOKEN

Figma MCP requires the following environment variables:

FIGMA_ACCESS_TOKENRequired

Figma personal access token

Restart Continue. Figma MCP should appear in your MCP server list with 8 tools available.

This server adds approximately 4,120 tokens to your context window for tool definitions.