Figma

About Figma

The Framelink Figma MCP server lets an AI coding tool read your Figma layouts and styles, so it can generate UI that matches the design.

Give the assistant your Figma design context.

Installing Figma

Runs on demand via npx. Nothing to install globally.

claude mcp add figma -- npx -y figma-developer-mcp --stdio

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp",
        "--stdio"
      ],
      "env": {
        "FIGMA_API_KEY": "<your FIGMA_API_KEY>"
      }
    }
  }
}

Not sure where the config file lives, or it isn't picking the server up? Config paths for every client.

Requires FIGMA_API_KEY, get this from the maintainer. Never commit them.

Similar tools

GitHubLet AI manage repos, issues, and pull requests.FilesystemRead and write local files, safely scoped.GitRun git operations on a local repository.SentryPull error and performance context into the chat.JetBrainsGive the assistant context from your JetBrains IDE.CypressRun and inspect end-to-end tests from the assistant.