Framelink MCP for Figma

MCP server that gives coding agents simplified layout and style data from Figma files for design-to-code work.

Published by GLipsGLips/Figma-Context-MCP

Source repositoryGLips/Figma-Context-MCP
Source licenseMIT
Pinnedc083d65
Source checked2026-10-19

.install .install-tabs{display:none}.install .install-panel[hidden]{display:block}@media (max-width:767px){.install .install-panel[hidden]{display:flex}}.install .install-panel+.install-panel{border-top:1px solid var(--line)}.install .install-panel-label{display:block}.install .install-all{display:none}

Install

Pick your client, then copy the command.

Claude Code

Run in your terminal; replace YOUR-KEY

claude mcp add figma -- npx -y figma-developer-mcp@0.13.2 --figma-api-key=YOUR-KEY --stdio

Codex

No Codex snippet verified for this entry yet

Compatibility is not confirmed, so there is no copy-ready command. Start from the pinned checkout and follow the source docs for where the folder goes.

Pinned checkout (same for every client)

git clone 'https://github.com/GLips/Figma-Context-MCP.git'
cd Figma-Context-MCP && git checkout c083d65c7e002923e7cb98f4e3bdafb105e90f6d

Read pinned setup documentation Codex skills documentation

Cursor

.cursor/mcp.json or ~/.cursor/mcp.json; replace YOUR-KEY

{
  "mcpServers": {
    "Framelink MCP for Figma": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp@0.13.2",
        "--figma-api-key=YOUR-KEY",
        "--stdio"
      ]
    }
  }
}

Git

Check out the pinned revision

git clone 'https://github.com/GLips/Figma-Context-MCP.git'
cd Figma-Context-MCP && git checkout c083d65c7e002923e7cb98f4e3bdafb105e90f6d

Any agent

Paste into your agent chat

Read the source at https://github.com/GLips/Figma-Context-MCP/blob/c083d65c7e002923e7cb98f4e3bdafb105e90f6d/README.md (pinned revision c083d65c7e00). Explain what it does and which tools, credentials and network access it needs. Do not install or run anything until I confirm.

All client instructions (works without JavaScript)

Claude Code

Run in your terminal; replace YOUR-KEY

claude mcp add figma -- npx -y figma-developer-mcp@0.13.2 --figma-api-key=YOUR-KEY --stdio

Codex

No dedicated setup snippet verified for this client. Review the shared setup and pinned source below; compatibility is not confirmed.

Read pinned source

Cursor

.cursor/mcp.json or ~/.cursor/mcp.json; replace YOUR-KEY

{
  "mcpServers": {
    "Framelink MCP for Figma": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp@0.13.2",
        "--figma-api-key=YOUR-KEY",
        "--stdio"
      ]
    }
  }
}

Git

Check out the pinned revision

git clone 'https://github.com/GLips/Figma-Context-MCP.git'
cd Figma-Context-MCP && git checkout c083d65c7e002923e7cb98f4e3bdafb105e90f6d

Any agent

Paste into your agent chat

Read the source at https://github.com/GLips/Figma-Context-MCP/blob/c083d65c7e002923e7cb98f4e3bdafb105e90f6d/README.md (pinned revision c083d65c7e00). Explain what it does and which tools, credentials and network access it needs. Do not install or run anything until I confirm.

Listed ≠ audited. Snippets follow the pinned source docs; review the source and any scripts before running them. Nothing is installed from this page.

Source record

Repository: GLips/Figma-Context-MCP
Source file: README.md
Pinned revision: c083d65
Upstream commit: 24 Jun 2026
Last checked: 19 Oct 2026
Stars at check: 16005 (2026-10-19)
Repository created: 2025-02-13
Default branch: main
License: MIT

No review scores. No automatic installs. Not affiliated with the publisher.

What you are opening

Use it when you paste a Figma frame link and want the agent to build it. The server fetches the file through the Figma API and trims the response to layout and style data.

How to set it up

Create a Figma personal access token.
Add the server with a snippet and replace YOUR-KEY.
Paste a link to a Figma frame and ask the agent to implement it.

Requirements and third-party terms

Node.js and a Figma personal access token with read access to the files you share. The README uses the latest npm release; the snippets here pin npm release 0.13.2, checked on Oct 19, 2026. Keep the key out of shared config files. Listed ≠ audited. Review scripts before running.

Before you add it

Read the instructions and review any scripts before running them.
Check tool access, required credentials and third-party network requests.
The source license and any resource-specific terms take precedence.

What you are opening

How to set it up

Requirements and third-party terms

Before you add it

Other MCP servers