Productivity by Figma Open source

Figma MCP

Design files and components for agents

View repositoryWebsite

Install Figma MCP

Choose the tracked registry command or the raw command.

Recommended

Tracked wget install

Counts the install in MCP Haus and runs the published command.

wget -qO- https://mcphaus.com/api/install/figma-mcp | sh
Raw command

Direct install command

Use this when you want to paste the command into an MCP client config manually.

npx -y @figma/mcp-server

What Figma MCP does

Connect Figma files, frames, components, and design tokens to MCP clients. Useful for agents that generate UI from design system primitives or summarize visual specifications.

How to use Figma MCP

1. Copy

Copy the tracked install command to record the download in MCP Haus.

2. Run

Run it in your terminal, or copy the raw command into an MCP client config.

3. Connect

Open your AI client and add the server to the MCP servers list.

Which AI clients does Figma MCP work with?

Figma MCP works with every MCP-compatible client, including Claude Desktop, Cursor, Continue, Windsurf, Cline, OpenHands, and Claude Code. Add the install command to your client's MCP configuration and restart the session.

Read the MCP guide