Figma MCP Tool
Provides tools for exporting images in multiple formats (PNG, JPG, SVG, PDF), extracting detailed style data with CSS generation, analyzing design elements including images and vectors, batch exporting multiple nodes, and retrieving SVG code for vector graphics directly from Figma designs.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Figma MCP Toolexport the hero section from this Figma design as PNG"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
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
Option 1: Run via npx (recommended, no install)
npx figma-mcp-full-server figd_your_figma_token_hereOption 2: Global install
# Install globally
npm install -g figma-mcp-full-server
# Run
figma-mcp-full-server figd_your_figma_token_hereOption 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_hereOption 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_hereQuick Start
1. Get a Figma access token
Log in to Figma
Open Settings
Find the "Personal access tokens" section
Click "Create new token"
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:
Setup A: Run via npx (recommended)
{
"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_herewith 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-0Get 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-0Get file info
Please show the basic info for this Figma file:
https://www.figma.com/design/EXAMPLE_FILE_ID/Design-NameGet 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-0Get 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-0Get 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-0Available Tools
This MCP server provides 7 tools:
Basics
get_figma_image — Get node image by Figma URL
get_figma_styles — Get node style data; optional CSS output
export_multiple_images — Batch export multiple nodes
get_file_info — Get basic file info
Design element tools 🆕
get_node_images — Get all image assets under a node
get_node_svg — Get SVG data for a node
extract_node_elements — Extract all design elements (images, vectors, components)
Troubleshooting
Common issues
1. "Cannot find module"
Cause: Using a
.tsentry instead of the built.jsFix: Use
/path/to/build/index.jsinstead ofindex.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-idparameterFix: Ensure URL includes
?node-id=xxxxx-xxxxx
Manual test
cd /path/to/figma-mcp
node build/index.js figd_your_token_hereYou 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.toolTechnical 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 environmentProject 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.mdNew 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
Token safety: Use env vars for the Figma token; never hardcode
Access control: Rotate tokens regularly
Least privilege: Grant the minimum required file access
License
MIT License
Support
If you run into issues:
Ensure Node.js ≥ 18
Verify your Figma token
Validate your JSON config
Check Claude Desktop logs
Manually start the MCP server
Once configured, you can use Figma files directly in Claude!
Contact
Available Tools
7 toolsexport_multiple_imagesC
批量导出多个节点的图片
| Name | Required | Description | Default |
|---|---|---|---|
| fileId | Yes | Figma文件ID | |
| nodeIds | Yes | 节点ID列表 | |
| format | No | 图片格式,默认为png | png |
| scale | No | 图片缩放比例,默认为1 |
TDQS
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.
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.
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.
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.
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.
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
提取节点中的所有设计元素(图片、矢量、组件)
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | Figma文件URL,必须包含node-id参数 | |
| includeDetails | No | 是否包含详细信息,默认为false |
TDQS
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.
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.
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.
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.
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.
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获取节点的图片
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | Figma文件URL,必须包含node-id参数 | |
| format | No | 图片格式,默认为png | png |
| scale | No | 图片缩放比例,默认为1 |
TDQS
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.
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.
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.
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.
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.
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获取节点的样式数据
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | Figma文件URL,可以包含node-id参数指定特定节点 | |
| generateCSS | No | 是否生成CSS代码 |
TDQS
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.
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.
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.
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.
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.
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文件的基本信息
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | Figma文件URL |
TDQS
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.
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.
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.
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.
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.
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
获取节点中的所有图片资源
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | Figma文件URL,必须包含node-id参数 |
TDQS
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.
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.
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.
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.
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.
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数据
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | Figma文件URL,必须包含node-id参数 |
TDQS
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.
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.
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.
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.
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.
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.
7 tool updates
- First observed
export_multiple_images - First observed
extract_node_elements - First observed
get_figma_image - First observed
get_figma_styles - First observed
get_file_info - First observed
get_node_images - First observed
get_node_svg
TDQS
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.
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.
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.
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
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
- miromiroOAuthapp.miromiro
Turn any live website into brand colors, fonts, design tokens, SVGs, Lottie and paste-ready code.
Sync Lightroom, Figma, Dropbox & Canva assets to WordPress and Shopify via natural language.
Sync Lightroom, Figma, Dropbox & Canva assets to WordPress and Shopify via natural language.
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
Related MCP Servers
- AlicenseNot gradedqualityDmaintenanceEnables AI assistants to interact with Figma designs using natural language commands, supporting file analysis, component extraction, asset export, comment management, and design system queries through the Figma API.1,7011ISC
- AlicenseBqualityDmaintenanceEnables interaction with Figma files through tools that list projects/files, fetch design data, and generate React+Vite frontend code directly from Figma frames.41,701MIT
- FlicenseAqualityDmaintenanceEnables interaction with Figma files through intelligent API access, providing navigation, asset extraction, and design token retrieval with 95% token-optimized compact tree output format.151-
- FlicenseBqualityDmaintenanceEnables AI agents to read, inspect, and export Figma designs programmatically. Provides tools for listing components, styles, and exporting assets in various formats.51-
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
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