Skip to main content
Glama

Figma MCP Tool

English | 简体中文

A Model Context Protocol (MCP) server that integrates with the Figma API to export images and extract style data.

Features

  • 🖼️ Image export: Export node images from a Figma URL; supports PNG, JPG, SVG, PDF

  • 🎨 Style extraction: Fetch detailed style data for design elements; supports CSS generation

  • 📦 Batch export: Export multiple nodes in one go

  • 🔄 Smart retry: Built-in retry to handle network hiccups and API limits

  • 🛡️ Robust errors: Clear error handling and troubleshooting guidance

  • 🧩 Design element analysis: Deeply analyze images, vectors, components in designs 🆕

  • 📋 SVG extraction: Get SVG code for vector graphics directly 🆕

Related MCP server: Figma MCP Server

Install and Run

npx figma-mcp-full-server figd_your_figma_token_here

Option 2: Global install

# Install globally
npm install -g figma-mcp-full-server

# Run
figma-mcp-full-server figd_your_figma_token_here

Option 3: Local project install

# Install in your project
npm install figma-mcp-full-server

# Run
npx figma-mcp-full-server figd_your_figma_token_here
# or
node_modules/.bin/figma-mcp-full-server figd_your_figma_token_here

Option 4: Run from source (for development)

git clone <repository>
cd figma-mcp
npm install
npm run build

# Run
npm start figd_your_figma_token_here
# or
node build/index.js figd_your_figma_token_here

Quick Start

1. Get a Figma access token

  1. Log in to Figma

  2. Open Settings

  3. Find the "Personal access tokens" section

  4. Click "Create new token"

  5. Copy the token (starts with figd_)

2. Configure in Claude Desktop

Edit the Claude config file (pick your OS):

macOS/Linux: ~/.config/claude-desktop/config.json
Windows: %APPDATA%\Claude Desktop\config.json

Choose one of the following setups:

{
  "mcpServers": {
    "figma-mcp-full-server": {
      "command": "npx",
      "args": ["figma-mcp-full-server"],
      "env": {
        "FIGMA_TOKEN": "figd_your_figma_token_here"
      }
    }
  }
}

Setup B: Global install

npm install -g figma-mcp-full-server
{
  "mcpServers": {
    "figma-mcp-full-server": {
      "command": "figma-mcp-full-server",
      "env": {
        "FIGMA_TOKEN": "figd_your_figma_token_here"
      }
    }
  }
}

Setup C: Use from a project

npm install figma-mcp-full-server
{
  "mcpServers": {
    "figma-mcp-full-server": {
      "command": "npx",
      "args": ["figma-mcp-full-server"],
      "cwd": "/path/to/your/project",
      "env": {
        "FIGMA_TOKEN": "figd_your_figma_token_here"
      }
    }
  }
}

Setup D: Run from source

{
  "mcpServers": {
    "figma-mcp": {
      "command": "node",
      "args": [
        "/absolute/path/to/figma-mcp/build/index.js"
      ],
      "cwd": "/absolute/path/to/figma-mcp",
      "env": {
        "FIGMA_TOKEN": "figd_your_figma_token_here"
      }
    }
  }
}

⚠️ Notes:

  • Recommended: Setup A (npx) — no install, always latest

  • Global install: good if you use it often

  • Project install: pin a version per project

  • From source: for development and customization

  • Replace figd_your_figma_token_here with your real Figma token

3. Restart Claude Desktop

Restart Claude Desktop to apply the config.

Usage

Once configured, use it directly in Claude:

Get Figma images

Please fetch images from this Figma URL:
https://www.figma.com/design/EXAMPLE_FILE_ID/Design-Name?node-id=123-456&t=abc123-0

Get style data and generate CSS

Please get style data from this design and generate CSS:
https://www.figma.com/design/EXAMPLE_FILE_ID/Design-Name?node-id=123-456&t=abc123-0

Get file info

Please show the basic info for this Figma file:
https://www.figma.com/design/EXAMPLE_FILE_ID/Design-Name

Get design elements 🆕

Please analyze what design elements this Figma node contains:
https://www.figma.com/design/EXAMPLE_FILE_ID/Design-Name?node-id=123-456&t=abc123-0

Get image assets 🆕

Please extract all image assets under this Figma node:
https://www.figma.com/design/EXAMPLE_FILE_ID/Design-Name?node-id=123-456&t=abc123-0

Get SVG data 🆕

Please get the SVG code for this Figma node:
https://www.figma.com/design/EXAMPLE_FILE_ID/Design-Name?node-id=123-456&t=abc123-0

Available Tools

This MCP server provides 7 tools:

Basics

  1. get_figma_image — Get node image by Figma URL

  2. get_figma_styles — Get node style data; optional CSS output

  3. export_multiple_images — Batch export multiple nodes

  4. get_file_info — Get basic file info

Design element tools 🆕

  1. get_node_images — Get all image assets under a node

  2. get_node_svg — Get SVG data for a node

  3. extract_node_elements — Extract all design elements (images, vectors, components)

Troubleshooting

Common issues

1. "Cannot find module"

  • Cause: Using a .ts entry instead of the built .js

  • Fix: Use /path/to/build/index.js instead of index.ts

2. "Access denied"

  • Cause: Invalid Figma token or insufficient file permission

  • Fix: Verify token, ensure file is public or accessible

3. MCP server won’t start

  • Cause: Wrong paths or Node.js version too low

  • Fix:

    • Use absolute paths

    • Ensure Node.js ≥ 18

    • Rebuild: npm run build

4. "No exportable images found"

  • Cause: URL missing node-id parameter

  • Fix: Ensure URL includes ?node-id=xxxxx-xxxxx

Manual test

cd /path/to/figma-mcp
node build/index.js figd_your_token_here

You should see: Figma MCP server started

Validate config

# macOS/Linux
cat ~/.config/claude-desktop/config.json | python -m json.tool

# Windows
type "%APPDATA%\Claude Desktop\config.json" | python -m json.tool

Technical Details

Smart retry

  • Handles transient network issues automatically

  • Exponential backoff

  • Error classification and recovery

Batch processing

  • Automatically splits large node sets (90 per batch)

  • Avoids URL length limits

  • Concurrency control and resource management

Error handling

  • Detailed messages and remediation tips

  • Friendly feedback

  • Complete logging

Development

Dev mode

npm run dev
# Then set FIGMA_TOKEN in your environment

Project structure

figma-mcp/
├── src/
│   ├── index.ts             # MCP server entry
│   ├── figma-service.ts     # Figma API service
│   ├── image-extractor.ts   # Image export
│   ├── style-extractor.ts   # Style extraction
│   └── element-extractor.ts # Design element extraction 🆕
├── build/                   # Build output
├── package.json
└── README.md

New Features 🆕

Design element analysis

  • Image asset recognition: Find all images, including embedded and external

  • Vector extraction: Extract SVG paths, shapes, icons

  • Component analysis: Identify components and instances

  • Hierarchy traversal: Deeply walk the node tree

SVG data

  • Full SVG export: Complete SVG code with styles and paths

  • Vector fidelity: Preserve vector properties for lossless scaling

  • Inline styles: SVG contains complete styles, ready to use

Smart element detection

  • Auto categorization: Images, vectors, text, components

  • De-duplication: Remove duplicate resource references

  • Detail control: Overview vs detailed output modes

Security Best Practices

  1. Token safety: Use env vars for the Figma token; never hardcode

  2. Access control: Rotate tokens regularly

  3. Least privilege: Grant the minimum required file access

License

MIT License


Support

If you run into issues:

  1. Ensure Node.js ≥ 18

  2. Verify your Figma token

  3. Validate your JSON config

  4. Check Claude Desktop logs

  5. Manually start the MCP server

Once configured, you can use Figma files directly in Claude!

Contact

Available Tools

7 tools
export_multiple_imagesC

批量导出多个节点的图片

ParametersJSON Schema
NameRequiredDescriptionDefault
fileIdYesFigma文件ID
nodeIdsYes节点ID列表
formatNo图片格式,默认为pngpng
scaleNo图片缩放比例,默认为1

TDQS

C2.9/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations provided, the description carries the full burden of behavioral disclosure. It states the tool exports images but doesn't describe what 'export' entails (e.g., file generation, download links, permissions required, rate limits, or side effects). For a tool that likely creates outputs, this lack of detail is a significant gap in transparency.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is a single, efficient sentence in Chinese that directly states the tool's function without any fluff or redundancy. It's appropriately sized and front-loaded, making it easy to parse quickly. Every word earns its place.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness2/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given the complexity (export operation with multiple parameters), lack of annotations, and no output schema, the description is incomplete. It doesn't explain what the tool returns (e.g., image URLs, file paths, error handling) or behavioral aspects like permissions or side effects. For a tool with potential side effects, this leaves critical gaps.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema description coverage is 100%, so the schema fully documents all four parameters (fileId, nodeIds, format, scale). The description adds no additional parameter semantics beyond what's in the schema. This meets the baseline of 3 since the schema does the heavy lifting, but the description doesn't compensate or enhance understanding.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the action ('批量导出' - batch export) and resource ('多个节点的图片' - multiple node images), which is specific and unambiguous. However, it doesn't differentiate from sibling tools like 'get_node_images' or 'get_node_svg', which might have overlapping functionality. The purpose is clear but lacks sibling distinction.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description provides no guidance on when to use this tool versus alternatives like 'get_node_images' or 'get_node_svg'. There's no mention of prerequisites, context, or exclusions. The agent must infer usage from the name and parameters alone, which is insufficient for optimal tool selection.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

extract_node_elementsC

提取节点中的所有设计元素(图片、矢量、组件)

ParametersJSON Schema
NameRequiredDescriptionDefault
urlYesFigma文件URL,必须包含node-id参数
includeDetailsNo是否包含详细信息,默认为false

TDQS

C2.9/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations are provided, so the description carries the full burden. It states what the tool does (extract elements) but lacks behavioral details such as permissions required, rate limits, output format, or whether it's a read-only operation. For a tool with no annotations, this leaves significant gaps in understanding its behavior.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is a single, efficient sentence in Chinese that directly states the tool's function without unnecessary words. It's front-loaded with the core action and resource, making it easy to parse. Every part of the sentence contributes to understanding the purpose.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness2/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given no annotations and no output schema, the description is incomplete for a tool with 2 parameters. It explains what the tool does but lacks critical context like behavioral traits, output details, or usage scenarios. For a tool in this context, more information is needed to fully guide an AI agent.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema description coverage is 100%, so the schema fully documents both parameters ('url' and 'includeDetails'). The description adds no additional meaning beyond what's in the schema, such as examples or context for parameter usage. With high schema coverage, the baseline score of 3 is appropriate as the description doesn't compensate but also doesn't detract.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the action ('提取' meaning 'extract') and the target ('节点中的所有设计元素' meaning 'all design elements in a node'), specifying the resource types (images, vectors, components). It distinguishes from siblings like 'get_node_images' (only images) and 'get_node_svg' (only SVG), but doesn't explicitly name these alternatives. This makes the purpose specific but not fully differentiated.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No guidance is provided on when to use this tool versus alternatives like 'get_node_images' or 'get_node_svg'. The description implies it extracts all element types, but doesn't state when to prefer this comprehensive extraction over more specific tools. There are no exclusions or prerequisites mentioned.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

get_figma_imageC

根据Figma URL获取节点的图片

ParametersJSON Schema
NameRequiredDescriptionDefault
urlYesFigma文件URL,必须包含node-id参数
formatNo图片格式,默认为pngpng
scaleNo图片缩放比例,默认为1

TDQS

C2.9/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations provided, the description carries the full burden of behavioral disclosure. It mentions fetching images based on a Figma URL but doesn't cover critical aspects like authentication requirements, rate limits, error handling, or what the output looks like (e.g., image data, URLs, or metadata). For a tool that likely involves external API calls, this is a significant gap.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is a single, efficient sentence in Chinese that directly states the tool's function without any unnecessary words. It's front-loaded and appropriately sized for its purpose, making it easy to parse quickly.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness2/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given the lack of annotations and output schema, the description is incomplete. It doesn't explain the return values (e.g., image bytes, download links, or error formats), which is crucial for a tool that fetches images. For a tool with three parameters and likely external dependencies, more context is needed to ensure proper usage.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

The input schema has 100% description coverage, clearly documenting all three parameters (url, format, scale) with details like required status, defaults, and constraints. The description doesn't add any meaningful semantics beyond what the schema provides, so it meets the baseline score of 3 for high schema coverage.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description '根据Figma URL获取节点的图片' clearly states the action (获取/获取) and resource (节点的图片), making the purpose immediately understandable. However, it doesn't differentiate from sibling tools like 'get_node_images' or 'get_node_svg', which appear to have similar functions, so it doesn't reach the highest score.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description provides no guidance on when to use this tool versus alternatives like 'get_node_images' or 'get_node_svg'. It lacks context about specific use cases, prerequisites, or exclusions, leaving the agent to infer usage from the tool name and parameters alone.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

get_figma_stylesC

根据Figma URL获取节点的样式数据

ParametersJSON Schema
NameRequiredDescriptionDefault
urlYesFigma文件URL,可以包含node-id参数指定特定节点
generateCSSNo是否生成CSS代码

TDQS

C2.9/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations provided, the description carries the full burden of behavioral disclosure. It states the tool retrieves style data but doesn't cover important aspects like authentication needs, rate limits, error handling, or what specific style data is returned (e.g., colors, typography). This leaves significant gaps for an agent to understand the tool's behavior.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is a single, efficient sentence in Chinese that directly states the tool's purpose without any wasted words. It's appropriately sized and front-loaded with the core functionality.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness2/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given the complexity of retrieving style data from Figma, no annotations, and no output schema, the description is incomplete. It doesn't explain what '样式数据' (style data) includes, how results are structured, or any behavioral traits like permissions or limitations, making it inadequate for full agent understanding.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema description coverage is 100%, so the schema already documents both parameters ('url' and 'generateCSS') thoroughly. The description adds no additional parameter semantics beyond what's in the schema, such as URL format examples or CSS generation details, meeting the baseline for high schema coverage.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool's purpose as '获取节点的样式数据' (get node style data) from a Figma URL, which is a specific verb+resource combination. However, it doesn't explicitly differentiate this from sibling tools like 'get_node_svg' or 'extract_node_elements', which might also retrieve node-related data but in different formats.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description provides no guidance on when to use this tool versus alternatives. It doesn't mention sibling tools like 'get_node_svg' for SVG data or 'get_figma_image' for images, nor does it specify prerequisites or exclusions for usage.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

get_file_infoC

获取Figma文件的基本信息

ParametersJSON Schema
NameRequiredDescriptionDefault
urlYesFigma文件URL

TDQS

C2.9/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations are provided, so the description carries the full burden of behavioral disclosure. It only states what the tool does ('获取基本信息'), without mentioning any traits like whether it's read-only, requires authentication, has rate limits, or what the output format might be. This is a significant gap for a tool with no annotation coverage.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is a single, efficient sentence in Chinese that directly states the tool's purpose without any wasted words. It is appropriately sized and front-loaded, making it easy to understand at a glance.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness2/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given the lack of annotations and output schema, the description is incomplete. It doesn't explain what 'basic information' includes (e.g., metadata, structure, or other details), leaving gaps in understanding the tool's behavior and output, which is inadequate for a tool with no structured data support.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

The description adds no parameter-specific information beyond what the input schema provides. With schema description coverage at 100% (the 'url' parameter is documented as 'Figma文件URL'), the baseline score of 3 is appropriate, as the schema does the heavy lifting without additional value from the description.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the action ('获取' meaning 'get') and resource ('Figma文件的基本信息' meaning 'basic information of Figma file'), making the purpose understandable. However, it doesn't differentiate from sibling tools like 'get_figma_image' or 'get_figma_styles', which also retrieve Figma-related information, so it doesn't reach the highest score.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description provides no guidance on when to use this tool versus alternatives. With sibling tools like 'get_figma_image' and 'get_figma_styles' available, there's no indication of what distinguishes this tool (e.g., that it retrieves general metadata vs. specific assets or styles), leaving usage context implied at best.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

get_node_imagesC

获取节点中的所有图片资源

ParametersJSON Schema
NameRequiredDescriptionDefault
urlYesFigma文件URL,必须包含node-id参数

TDQS

C2.6/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations are provided, so the description carries full burden. It implies a read operation ('get') but doesn't disclose behavioral traits such as authentication needs, rate limits, error handling, or what 'all image resources' entails (e.g., format, size, pagination). This is a significant gap for a tool with no annotation coverage.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is a single, efficient sentence in Chinese, front-loaded with the core purpose. It has no wasted words, though it could benefit from more detail given the lack of annotations and sibling tools.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness2/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given the complexity (1 parameter, no annotations, no output schema, and multiple sibling tools), the description is incomplete. It doesn't clarify the 'node' context, differentiate from siblings, or explain return values, leaving gaps for the agent to understand when and how to use this tool effectively.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema description coverage is 100%, with the parameter 'url' documented as 'Figma文件URL,必须包含node-id参数' (Figma file URL, must include node-id parameter). The description adds no meaning beyond this, as it doesn't explain the 'node' context or provide additional syntax details. Baseline 3 is appropriate since the schema does the heavy lifting.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose3/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description '获取节点中的所有图片资源' (Get all image resources in a node) states a clear verb ('get') and resource ('image resources in a node'), but it's vague about what 'node' means in context (e.g., Figma node). It doesn't distinguish from siblings like 'get_figma_image' or 'export_multiple_images', leaving ambiguity about scope or output format.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No guidance is provided on when to use this tool versus alternatives. With siblings like 'get_figma_image' and 'export_multiple_images', the description lacks any context, prerequisites, or exclusions, leaving the agent to infer usage based on tool names alone.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

get_node_svgC

获取节点的SVG数据

ParametersJSON Schema
NameRequiredDescriptionDefault
urlYesFigma文件URL,必须包含node-id参数

TDQS

C2.6/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations are provided, so the description carries the full burden of behavioral disclosure. It only states the action ('获取' - get) without mentioning permissions, rate limits, output format, or whether it's a read-only operation. For a tool with no annotations, this leaves critical behavioral traits unspecified.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is a single, efficient sentence ('获取节点的SVG数据') with no wasted words. It's appropriately sized for a simple tool, though it could be more front-loaded with additional context to improve clarity without sacrificing brevity.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness2/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given no annotations, no output schema, and a simple input schema, the description is incomplete. It doesn't explain what 'node' refers to (e.g., Figma design node), the format of the SVG data returned, or any error conditions. For a tool in a context with multiple sibling tools, more detail is needed to guide proper use.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

The description adds no parameter semantics beyond what the input schema provides. With 100% schema description coverage, the schema already documents the single parameter 'url' as 'Figma文件URL,必须包含node-id参数' (Figma file URL, must include node-id parameter). The baseline score of 3 reflects adequate coverage by the schema alone.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose3/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description '获取节点的SVG数据' (Get node SVG data) states a clear verb ('获取' - get) and resource ('节点的SVG数据' - node SVG data), but it's vague about what type of node and from what system. It doesn't differentiate from siblings like 'get_node_images' or 'extract_node_elements', leaving ambiguity about scope and specificity.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No guidance is provided on when to use this tool versus alternatives. Given siblings like 'get_node_images' and 'extract_node_elements', the description lacks any context about use cases, prerequisites, or exclusions, leaving the agent to guess based on tool names alone.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Tool Schema Changelog

Recent tool additions, removals, and schema changes observed during successful MCP inspections. Dates show when Glama detected each change.

  1. 7 tool updates
    • First observedexport_multiple_images
    • First observedextract_node_elements
    • First observedget_figma_image
    • First observedget_figma_styles
    • First observedget_file_info
    • First observedget_node_images
    • First observedget_node_svg

TDQS

B3.2/5.0
Disambiguation4/5

Most tools have distinct purposes, but there is some overlap between 'export_multiple_images' and 'get_node_images' that could cause confusion. The descriptions help differentiate them, but the boundaries are not perfectly clear.

Naming Consistency4/5

The naming follows a consistent verb_noun pattern with minor deviations, such as 'export_multiple_images' using an adjective. Overall, the pattern is readable and predictable across the tool set.

Tool Count5/5

With 7 tools, the count is well-scoped for a Figma integration server. Each tool appears to serve a specific purpose related to extracting or retrieving design assets and data.

Completeness4/5

The tool set covers key operations for accessing Figma assets and styles, but there are minor gaps such as updating or modifying nodes. Agents can likely work around these limitations for most common workflows.

Maintenance

ActivityNo data
ResponsivenessNo issues

Resources

Unclaimed servers have limited discoverability.

Looking for Admin?

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

Related MCP Connectors

Related MCP Servers

  • A
    license
    B
    quality
    D
    maintenance
    Enables interaction with Figma files through tools that list projects/files, fetch design data, and generate React+Vite frontend code directly from Figma frames.
    4
    1,701
    MIT
  • F
    license
    A
    quality
    D
    maintenance
    Enables interaction with Figma files through intelligent API access, providing navigation, asset extraction, and design token retrieval with 95% token-optimized compact tree output format.
    15
    1
    -
  • F
    license
    B
    quality
    D
    maintenance
    Enables AI agents to read, inspect, and export Figma designs programmatically. Provides tools for listing components, styles, and exporting assets in various formats.
    5
    1
    -

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/Echoxiawan/figma-mcp-full-server'

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