Figma · Cursor

Add the Figma MCP server to Cursor

Give coding agents design context from Figma frames, components and variables.

Official serverRemoteDesign & sites

1. Add the server

Paste into .cursor/mcp.json (project) or ~/.cursor/mcp.json (global)

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

2. Sign in

Cursor prompts you to sign in the first time a remote OAuth server is used. Figma is hosted by Figma, so there is nothing to install or keep updated.

3. Try it

Ask Cursor for something Figma can do. Give coding agents design context from Figma frames, components and variables. Approve the first tool call and check the result before allowing write actions automatically.

· Remote servers take a url; local servers take command and args.
· Values can reference ${env:NAME} so secrets stay out of the file.

FAQ

How do I add the Figma MCP server to Cursor?: Run: { …. Cursor prompts you to sign in the first time a remote OAuth server is used.
Is this the official Figma MCP server?: Yes. It is published by Figma as com.figma.mcp/mcp in the official MCP registry.
Does the Figma MCP server need an API key?: It is a hosted server. Most hosted servers sign you in with OAuth the first time Cursor uses them; check Figma's docs for any plan or permission requirements.

Links

Figma MCP docs Cursor MCP docs Figma server details

Figma in other clients

Claude Code Codex Gemini CLI VS Code (GitHub Copilot)

More design & sites for Cursor

Canva Miro Webflow Wix

Work at Figma?

Feature Figma across the directory and its category from $49/month.

Feature this server

Reviewed Oct 5, 2026. Command generated from the registry record and checked against Cursor's documented syntax.