Skip to content
plugmcp
DirectorySkillsCategoriesBlog
EN/中文
Sign inSign up
Directory/io.github.GLips
MCP serverOfficial registry

Figma Context

Framelink MCP for Figma Give your coding agent access to your Figma data. Implement designs in any framework in one-shot. Give and other AI-powered coding tools access to your Figma files with this server. When Cursor has access to Figma design data, it's way better at one-shotting designs accurately than alternative approaches like pasting screenshots. See quickstart instructions →

by io.github.GLipsv0.13.2GitHubnpm
Power your agent

Add this server

The publisher's own URL. Not a PlugMCP endpoint.

Server URL
https://npmcharts.com/compare/figma-developer-mcp?interval=30
Credentials from the publisher
  • FIGMA_API_KEY — Your Figma Personal Access Token, learn more here: https://www.figma.com/developers/api#access-tokens
Provider
Claude Code
claude mcp add --transport http io.github.glips-figma-context-mcp https://npmcharts.com/compare/figma-developer-mcp?interval=30

Run in a terminal.

Claude Desktop
{
  "mcpServers": {
    "io.github.glips-figma-context-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://npmcharts.com/compare/figma-developer-mcp?interval=30"
      ]
    }
  }
}

claude_desktop_config.json

Step-by-step: add this in Claude

Remote URL or a command on your machine? How the two installs differ

Run on PlugMCP

Host a copy with our keys and logs.

A new server you create. It is not this listing's official endpoint. Use the publisher install when you want their URL and their credentials.

Launch
Related MCP

More like this

View more

  • Firecrawl

    firecrawl

    🔥 Official Firecrawl MCP Server - Adds powerful web scraping and search to Cursor, Claude and any other LLM clients.

    7.6k starsRemotebatch-processingclaude
  • N

    Notion

    Official
plugmcp

Plug any tool into any agent. MCP servers for people who do not write servers. Gateway for volume, n8n for apps.

PlugMCP, 2026

Product
  • Browse
  • Install
  • Host your own
  • Voice mode
  • Browser
Directory
  • All MCP servers
  • Agent skills
  • Categories
  • New
  • Voice
  • Submit a server
Developers
  • Docs
  • Blog
  • What is MCP
  • What is WebMCP
  • Status
Company
  • About
  • Contact
  • Terms
  • Privacy
  • DPA
  • [email protected]
io.github.awkoy

Token-auth Notion MCP: pages, databases, blocks, comments, files. Runs headless in CI and agents.

175 starsLocal

  • Context7

    upstash

    Context7 Platform -- Up-to-date code documentation for LLMs and AI code editors

    63k starsRemotevibe-coding

    • Framelink MCP for Figma Give your coding agent access to your Figma data. Implement designs in any framework in one-shot. Give and other AI-powered coding tools access to your Figma files with this server. When Cursor has access to Figma design data, it's way better at one-shotting designs accurately than alternative approaches like pasting screenshots. See quickstart instructions →

    Suggested
    • Firecrawl🔥 Official Firecrawl MCP Server - Adds powerful web scraping and search to Cursor, Claude and any other LLM clients.
    • N
      NotionToken-auth Notion MCP: pages, databases, blocks, comments, files. Runs headless in CI and agents.
    • Context7Context7 Platform -- Up-to-date code documentation for LLMs and AI code editors

    Give Cursor and other AI-powered coding tools access to your Figma files with this Model Context Protocol server.

    When Cursor has access to Figma design data, it's way better at one-shotting designs accurately than alternative approaches like pasting screenshots.

    Demo

    Watch a demo of building a UI in Cursor with Figma design data

    Watch the video

    How it works

    1. Open your IDE's chat (e.g. agent mode in Cursor).
    2. Paste a link to a Figma file, frame, or group.
    3. Ask Cursor to do something with the Figma file—e.g. implement the design.
    4. Cursor will fetch the relevant metadata from Figma and use it to write your code.

    This MCP server is specifically designed for use with Cursor. Before responding with context from the Figma API, it simplifies and translates the response so only the most relevant layout and styling information is provided to the model.

    Reducing the amount of context provided to the model helps make the AI more accurate and the responses more relevant.

    Getting Started

    Many code editors and other AI clients use a configuration file to manage MCP servers.

    The figma-developer-mcp server can be configured by adding the following to your configuration file.

    NOTE: You will need to create a Figma access token to use this server. Instructions on how to create a Figma API access token can be found .

    Suggested
    • Firecrawl🔥 Official Firecrawl MCP Server - Adds powerful web scraping and search to Cursor, Claude and any other LLM clients.
    • N
      NotionToken-auth Notion MCP: pages, databases, blocks, comments, files. Runs headless in CI and agents.
    • Context7Context7 Platform -- Up-to-date code documentation for LLMs and AI code editors

    No FAQ yet. Enrichment fills this from the README on the next crawl.

    Suggested
    • Firecrawl🔥 Official Firecrawl MCP Server - Adds powerful web scraping and search to Cursor, Claude and any other LLM clients.
    • N
      NotionToken-auth Notion MCP: pages, databases, blocks, comments, files. Runs headless in CI and agents.
    • Context7Context7 Platform -- Up-to-date code documentation for LLMs and AI code editors

    No tool list yet. Remote servers get one after the first health check.

    Suggested
    • Firecrawl🔥 Official Firecrawl MCP Server - Adds powerful web scraping and search to Cursor, Claude and any other LLM clients.
    • N
      NotionToken-auth Notion MCP: pages, databases, blocks, comments, files. Runs headless in CI and agents.
    • Context7Context7 Platform -- Up-to-date code documentation for LLMs and AI code editors
    here

    MacOS / Linux

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

    Windows

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

    Or you can set FIGMA_API_KEY and PORT in the env field.

    If you need more information on how to configure the Framelink MCP for Figma, see the Framelink docs.

    Star History

    Learn More

    The Framelink MCP for Figma is simple but powerful. Get the most out of it by learning more at the Framelink site.