Connect

Connect the MCP server to your agent so it can open Figma screens from a link. You need a personal access key from the design system owner.

Claude Code

Cursor

VS Code

Claude Desktop

ChatGPT and Codex

Terminal

claude mcp add --transport http figma-mirror \
  https://mirror.thykes.com/mcp \
  --header "Authorization: Bearer YOUR_ACCESS_KEY"

To check, run /mcp in Claude Code. figma-mirror should show as connected.

~/.cursor/mcp.json

{
  "mcpServers": {
    "figma-mirror": {
      "url": "https://mirror.thykes.com/mcp",
      "headers": {
        "Authorization": "Bearer YOUR_ACCESS_KEY"
      }
    }
  }
}

To check, open Customize in Cursor’s sidebar. figma-mirror should be on and list its tools.

~/.copilot/mcp-config.json

{
  "mcpServers": {
    "figma-mirror": {
      "type": "http",
      "url": "https://mirror.thykes.com/mcp",
      "headers": {
        "Authorization": "Bearer YOUR_ACCESS_KEY"
      },
      "tools": ["*"]
    }
  }
}

To check, run Chat: Open Customizations from the Command Palette and open MCP Servers. figma-mirror should be listed.

Open Customize → Connectors and click Add custom connector.
Paste the server URL:
Server URL
```
https://mirror.thykes.com/mcp
```
Click Add, then Connect. A page opens where you paste your access key.

In ChatGPT, open Plugins, click + and choose Add custom MCP server.
Paste the server URL and choose OAuth:
Server URL
```
https://mirror.thykes.com/mcp
```
Confirm the warning and click Create as a plugin. A page opens where you paste your access key.

In the Codex CLI

Terminal

codex mcp add figma-mirror \
  --url https://mirror.thykes.com/mcp
codex mcp login figma-mirror