Figma

§1What it does

Figma's MCP server gives agents design context from Figma files so they can generate code that matches your designs. Figma hosts a remote server you connect to with your Figma account.

§2Setup

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

Snippets adapted from the official documentation. Check the official page for current options and auth requirements.

§2bWhen you disconnect

1. Removed locallyClear the sign-in or remove the server in your MCP client (for example claude mcp logout or claude mcp remove in Claude Code, or log out of the server in Cursor). This only deletes the client's copy of the tokens.
2. Authorization revokedRevoke the grant on Figma's app-permissions page: Figma → Settings → Security → Connected apps ↗. This is what stops the refresh token; clearing the client alone is not enough.

Why both steps: OAuth token refresh in the security checklist.

§3Prompts to try

1. “Implement the selected Figma frame as a React component using our design tokens.”Copy
2. “List the color variables used in this Figma file.”Copy