Figma-mcp Server

Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.

Local serverstdio

What is the Figma-mcp Server?

Figma-mcp is an MCP integration. Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.

Packages and local setup

The published npm package is @mehmoodqureshi/figma-mcp, version 0.2.1. Its declared MCP transport is stdio.

The package declares FIGMA_TOKEN (required): Figma personal access token (Settings -> Security -> Personal access tokens, scope "File content: read"). May instead be placed in a .figma-token file in the project directory. FIGMA_API_KEY is accepted as an alias.; FIGMA_MCP_CACHE_DIR: Where converted frames are cached. Defaults to .figma-cache/ in the directory the server starts from..

Before connecting

Check the maintainer’s instructions for account access, authentication and the supported client configuration. Once connected, inspect the tools your client receives and try a small task that matches the server’s stated purpose. The registry description does not include a verified, complete tool list.

Project and source

View the publisher’s registry entry · Project repository. This profile uses version 0.2.1 from the registry. Registration identifies the publisher namespace; it does not establish that this is a first-party integration for every service it connects.

Browse related design & creative tools MCP servers for tools that cover the same kind of work.

Configuration

VariableDescriptionRequired
FIGMA_TOKENFigma personal access token (Settings -> Security -> Personal access tokens, scope "File content: read"). May instead be placed in a .figma-token file in the project directory. FIGMA_API_KEY is accepted as an alias.Yes
FIGMA_MCP_CACHE_DIRWhere converted frames are cached. Defaults to .figma-cache/ in the directory the server starts from.Optional