跳到正文
plugmcp
目录技能分类博客
EN/中文
登录注册
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
接入你的智能体

添加此服务器

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

在 PlugMCP 上运行

用我们的密钥与日志托管一份副本。

这是你新建的服务器，不是此条目的官方端点。若要用发布方的 URL 与凭证，请使用上方安装面板。

启动
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

把任意工具接入任意智能体。面向非开发者的 MCP 服务器目录；网关承载流量，n8n 承载应用。

PlugMCP, 2026

产品
  • 浏览
  • 安装
  • 自行托管
  • 语音模式
  • 浏览器
目录
  • 全部 MCP 服务器
  • 智能体技能
  • 分类
  • 新品
  • 语音
  • 提交服务器
开发者
  • 文档
  • 博客
  • 什么是 MCP
  • 什么是 WebMCP
  • 状态
公司
  • 关于
  • 联系
  • 条款
  • 隐私
  • 数据处理协议
  • [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 →

    推荐
    • 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 .

    推荐
    • 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.

    推荐
    • 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.

    推荐
    • 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.