Skip to main content
Glama
sand1018

figma-context-mcp-server

by sand1018
OverviewSchemaRelated ServersScoreDiscussions
TypeScript
Local

figma-context-mcp-server

Figma 设计数据 → 结构化语义树 + 截图

代理 Figma Desktop MCP Server，将原始设计数据转换为结构化的语义分析 JSON，供 AI Agent 直接用于设计稿还原。

架构

Figma Desktop App (port 3845)
       ↓ Streamable HTTP
figma-context-mcp-server (stdio)
       ↓ 增强输出
AI Agent (Gemini / Claude / etc.)

Related MCP server: Figma MCP Server

工具列表

增强工具（带语义分析）

工具

说明

figma_get_page_context

主入口。截图 + 结构化分析 JSON（容器聚合、CSS、布局、重复检测）

figma_analyze_structure

仅结构化分析 JSON（不含截图）。已有截图时使用

直通代理（Figma MCP 原生能力）

工具

说明

figma_get_screenshot

获取节点截图

figma_get_metadata

获取节点层级树 (XML)

figma_get_design_context

获取原始参考代码 (React JSX + Tailwind)

figma_get_variables

获取设计变量 / Token

文件操作工具

工具

说明

figma_download_assets

分析节点并下载所有图片/SVG 到本地

figma_fetch_all

一次性导出全部数据 (metadata + context + screenshot + analysis)

使用

前置条件

  1. Figma Desktop App 已打开

  2. Figma MCP 服务已启用 (http://127.0.0.1:3845/mcp)

  3. Node.js >= 18

构建

npm install
npm run build

MCP 配置

{
  "mcpServers": {
    "figma-context": {
      "command": "node",
      "args": ["path/to/dist/index.cjs"]
    }
  }
}

源码结构

src/
├── index.ts        ← 入口 (McpServer + StdioServerTransport)
├── schemas.ts      ← Zod schema 定义
├── figma-mcp.ts    ← Figma Desktop MCP 通信层
├── analyzer.ts     ← 语义分析核心 (从 semantic-analyze.mjs v3.1 移植)
└── tools.ts        ← 8 个工具注册

This server cannot be installed

F
license - not found
-
quality - not tested
D
maintenance

How are these scores calculated?

Maintenance

–Maintainers
–Response time
–Release cycle
–Releases (12mo)
Commit activity

Resources

Unclaimed servers have limited discoverability.

Looking for Admin?

If you are the server author, to access and configure the admin panel.

Related MCP Servers

View all related MCP servers

Related MCP Connectors

  • Visily UI Design

    UI design from prompts, screenshots, and URLs for AI coding agents and theme tokens.

  • miromiro

    Turn any live website into brand colors, fonts, design tokens, SVGs, Lottie and paste-ready code.

  • Anima MCP Server

    Connect AI coding agents to Anima Playground, Figma, and your design system.

View all MCP Connectors

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/sand1018/figma-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server