Figma MCP Server: Install & Setup

Install Figma in Claude Code

Claude Code

claude mcp add --transport http figma https://mcp.figma.com/mcp

mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)

{
  "mcpServers": {
    "figma": {
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

Your client opens a browser window to sign in on first use.

Frequently asked questions

What does the Figma MCP server do?

Read Figma files and turn frames and components into code.

Is the Figma MCP server free?

The server is free, but you will likely need an account. The server itself is free, but it connects to a service that needs an account or API key, which may have paid tiers. Check the provider for current pricing.

Does Figma run locally or remotely?

Remote. Hosted by the provider. You connect with a URL, nothing to install.

How do I add Figma to Claude Code?

Run: claude mcp add --transport http figma https://mcp.figma.com/mcp

More art & design MCP servers

View all

Gradients Studio

Renders gradient backgrounds with real grain, pixel and dither finishes; free previews, a key only for sized exports.

RemoteFree

Fal

raveenb/fal-mcp-server

Generate images, videos and music with Fal.ai models such as FLUX, Stable Diffusion and MusicGen.

LocalAccount neededPython

Image

TOBYCAI/image-mcp

Offline image processing: resize, crop, convert, compress, rotate, flip, thumbnails, watermarks, effects, placeholders and overlays.

LocalFreePython

Designesy

Scores any live URL against a 42-check design contract, validates DTCG tokens, and diffs two design systems.

RemoteFree

ImgVX AI

Find the right free in-browser image tool for a job (background removal, upscaling, compression) in 40 languages.

RemoteFree

Debim

PRIDA-TAKON/debim

Declarative BIM / Building-as-Code engine: model buildings in YAML, compute deterministic QTO/cost estimations, compile to IFC4, and view interactive 3D WebGL models.

LocalFreePython