Skip to main content
Glama
sand1018

figma-context-mcp-server

by sand1018

Server Configuration

Describes the environment variables required to run the server.

NameRequiredDescriptionDefault

No arguments

Instructions

Guidance the server publishes about itself, which clients place ahead of the tool catalog so the model reads it before choosing anything.

This server publishes no instructions, or was last inspected before Glama recorded them.

Capabilities

Features and capabilities supported by this server

Protocol revision2025-11-25

CapabilityDetails
tools
{
  "listChanged": true
}

Tools

Functions exposed to the LLM to take actions

NameDescription
figma_get_page_contextA

获取指定 Figma 节点的完整设计上下文,包括:

  1. 截图(image 类型,直接可视)

  2. 结构化语义分析 JSON(容器聚合、精确样式、重复模式检测)

  3. 资源列表(所有图片 URL)

这是还原 Figma 设计稿的主入口。输出完整的结构化数据,包含精确的 CSS 值、文本内容、 图片资源 URL、容器层级关系、布局方向和重复模式标记。

Args:

  • node_id (string, 必填): Figma 节点 ID,如 "0:118" 或 "0-118"

Returns: 截图 + 结构化分析 JSON,可直接用于组件还原。

figma_get_screenshotB

获取指定 Figma 节点的截图 (image/png)。

Args:

  • node_id (string, 必填): Figma 节点 ID

Returns: 截图 image。

figma_analyze_structureA

仅获取结构化分析 JSON(不含截图)。适合在已有截图的情况下补充获取结构数据。

输出包含:容器聚合、精确 CSS 样式、布局方向推断、重复模式检测、资源 URL 列表。

Args:

  • node_id (string, 必填): Figma 节点 ID

Returns: 结构化语义分析 JSON。

figma_get_variablesA

获取节点关联的设计变量定义,如颜色、间距、字体等复用值。

输出示例: {'icon/default/secondary': #949494, 'spacing/md': 16px}

适合提取设计系统 token。

Args:

  • node_id (string, 必填): Figma 节点 ID

Returns: 变量定义列表。

figma_download_assetsA

分析指定节点并将所有图片/SVG 资源下载到本地目录。

流程:

  1. 获取 metadata + design-context

  2. 运行语义分析,提取 assets 列表

  3. 通过 localhost URL 下载每个资源文件

  4. 返回下载结果摘要

Args:

  • node_id (string, 必填): Figma 节点 ID

  • out_dir (string, 必填): 资源保存目录

Returns: 下载摘要(成功/失败数量,文件列表)。

Prompts

Interactive templates invoked by user choice

NameDescription

No prompts

Resources

Contextual data attached and managed by the client

NameDescription

No resources

TDQS

A3.7/5.0

Scored across 5 tools

Disambiguation4/5

The tools have fairly distinct purposes: get_page_context is a full extraction, get_screenshot and analyze_structure are partial extractions, and the remaining tools handle variables and asset downloads. However, get_page_context overlaps with get_screenshot and analyze_structure as a superset, so an agent might occasionally wonder whether to use the combined tool or the partial ones.

Naming Consistency5/5

All tool names use a consistent figma_ prefix followed by a snake_case verb_noun pattern (get_page_context, get_screenshot, analyze_structure, get_variables, download_assets). The convention is predictable and easy to scan.

Tool Count5/5

Five tools is well-scoped for a Figma context extraction server. Each tool covers a meaningful operation without excessive granularity or missing convenience methods.

Completeness4/5

The surface covers the main read-only extraction needs: full context, screenshot, structural analysis, variables, and asset downloads. Minor gaps exist, such as no dedicated text-only or CSS-only extraction, but those are effectively covered by the composite tool.

Maintenance

ActivityInactive
ResponsivenessNo issues