Figma MCP Server

About

Figma MCP supplies design context to AI coding agents and supports native canvas creation and editing in supported clients.

Key Features

• Read design information to help implement interfaces.
• Work with components, design-system context and supported canvas tools.

Use Cases

Connect design context and editable project assets with a coding-agent workflow.

Limitations

Write-to-canvas capabilities are client-dependent. Check the current Figma supported-client list and account limits.

Sources

• Project documentation: https://developers.figma.com/docs/figma-mcp-server/
• Setup reference: https://developers.figma.com/docs/figma-mcp-server/remote-server-installation/
• Setup reference: https://developers.figma.com/docs/figma-mcp-server/tools-and-prompts/

MCP Setup

Access requirements

• Figma account with access to the relevant files.

Client setup

Claude Code

Transport: http

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

Auth:

• Start Claude Code, run /mcp, select figma, and authenticate in the browser.

Codex

Transport: http

codex mcp add figma --url https://mcp.figma.com/mcp

Auth:

• Complete the browser sign-in and approve access to your account.

Setup docs: https://developers.figma.com/docs/figma-mcp-server/remote-server-installation/