MCP server

Figma MCP Server Official

com.figma.mcp/mcp

Checked 26 Oct 2026, 08:29 UTC · It answered and asked for a sign-in

The Figma MCP server brings Figma design context directly into your AI workflow.

Signs in with your accountVerified publisher: figma.com

https://mcp.figma.com/mcp

At a glance

Type: MCP server
Publisher: figma.com (verified by the MCP Registry)
Status: Signs in with your account
Sets up in: Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok
Last checked: 26 Oct 2026, 08:29 UTC

Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.

Claude Code

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

Claude Desktop

Settings → Connectors → Add custom connector, and paste the URL.

Codex (config.toml)

[mcp_servers.figma]
url = "https://mcp.figma.com/mcp"

Gemini CLI

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

Cursor

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

VS Code

{"servers":{"figma":{"type":"http","url":"https://mcp.figma.com/mcp"}}}

Antigravity

agy mcp add figma https://mcp.figma.com/mcp

ChatGPT

Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.

OpenAI API (Responses tools)

{"type":"mcp","server_label":"figma","server_url":"https://mcp.figma.com/mcp","require_approval":"always"}

Grok (xAI API tools)

{"type":"mcp","server_label":"figma","server_url":"https://mcp.figma.com/mcp"}

Signs in with your account: your agent app opens a sign-in page the first time you use it.

Colour Memory
Colour meaning, history and evidence for AI: 45,000+ source-graded colour records and 91 tools.
Figma
Figma MCP Pack
Compose Preview Catalogs
Browse, inspect and render Jetpack Compose Material 3 and Wear component catalogs.
Raven
Design intelligence for coding agents: audits, design systems, and a taste profile agents consult.
Design System
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
HTML to Figma — Design System
Translate HTML prototypes into Figma using your design system's real components and tokens.
Figma React
An MCP server that converts Figma designs into React code.
Figma Ui
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

[![AptLynx](https://aptlynx.net/badge/com.figma.mcp/mcp.svg)](https://aptlynx.net/servers/com.figma.mcp/mcp)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents