Figma MCP Server

Figma MCP服务器项目,通过Claude等客户端实现与Figma API的集成,支持文件读取和设计系统管理功能,具备扩展架构但受限于API当前为只读状态。
3分
743

什么是Figma MCP 服务器?

Figma MCP 服务器是一个通过Model Context Protocol (MCP) 协议连接到Figma API的工具,它允许用户轻松访问和管理Figma中的设计资源,例如文件、变量和主题。

如何使用Figma MCP 服务器?

只需安装服务器并配置Figma API密钥,即可开始使用。支持多种工具如获取文件详情、列出文件以及创建设计变量和主题。

适用场景

适用于需要高效管理Figma设计系统的团队和个人,尤其适合需要跨平台协作的设计工作流。

主要功能

读取Figma文件通过API轻松获取Figma文件和项目列表。
设计变量管理创建、读取、更新和删除Figma中的设计变量。
主题管理创建和配置多模式主题(如亮色/暗色模式)。
性能优化内置缓存机制和错误处理提升整体效率。

优势与局限性

优势
支持多种设计变量和主题管理功能。
高效的缓存系统提升响应速度。
全面的日志监控和统计分析。
支持标准JSON和SSE传输协议。
局限性
目前仅支持只读操作(受限于Figma API)。
需要手动配置绝对路径以运行服务器。
OAuth认证功能尚未实现。

如何使用

安装服务器
使用npm安装服务器并确保Node.js版本为18.x及以上。
配置环境变量
在.env文件中添加Figma API令牌和服务器端口。
启动服务器
运行服务器脚本并验证是否正常工作。

使用案例

获取Figma文件详情通过get-file命令获取指定Figma文件的详细信息。
创建设计变量使用create-variables命令定义新的设计变量。

常见问题

服务器无法启动怎么办?
如何配置Claude Desktop?
如何解决认证失败的问题?

相关资源

官方文档
详细的服务器使用指南。
GitHub 仓库
开源代码库和Issue跟踪。
社区支持
加入我们的Discord社区讨论问题。
安装
复制以下命令到你的Client进行配置
{
  "mcpServers": {
    "figma": {
      "command": "node",
      "args": ["/ABSOLUTE/PATH/TO/figma-mcp-server/dist/index.js"],
      "env": {
        "FIGMA_ACCESS_TOKEN": "your_token_here"
      }
    }
  }
}
注意:您的密钥属于敏感信息,请勿与任何人分享。
精选MCP服务推荐
Duckduckgo MCP Server
已认证
DuckDuckGo搜索MCP服务器,为Claude等LLM提供网页搜索和内容抓取服务
Python
1.0K
4.3分
Firecrawl MCP Server
Firecrawl MCP Server是一个集成Firecrawl网页抓取能力的模型上下文协议服务器,提供丰富的网页抓取、搜索和内容提取功能。
TypeScript
4.1K
5分
Figma Context MCP
Framelink Figma MCP Server是一个为AI编程工具(如Cursor)提供Figma设计数据访问的服务器,通过简化Figma API响应,帮助AI更准确地实现设计到代码的一键转换。
TypeScript
6.8K
4.5分
Edgeone Pages MCP Server
EdgeOne Pages MCP是一个通过MCP协议快速部署HTML内容到EdgeOne Pages并获取公开URL的服务
TypeScript
335
4.8分
Minimax MCP Server
MiniMax Model Context Protocol (MCP) 是一个官方服务器,支持与强大的文本转语音、视频/图像生成API交互,适用于多种客户端工具如Claude Desktop、Cursor等。
Python
935
4.8分
Context7
Context7 MCP是一个为AI编程助手提供实时、版本特定文档和代码示例的服务,通过Model Context Protocol直接集成到提示中,解决LLM使用过时信息的问题。
TypeScript
5.4K
4.7分
Baidu Map
已认证
百度地图MCP Server是国内首个兼容MCP协议的地图服务,提供地理编码、路线规划等10个标准化API接口,支持Python和Typescript快速接入,赋能智能体实现地图相关功能。
Python
849
4.5分
Exa Web Search
已认证
Exa MCP Server是一个为AI助手(如Claude)提供网络搜索功能的服务器,通过Exa AI搜索API实现实时、安全的网络信息获取。
TypeScript
1.9K
5分
AIbase
智启未来,您的人工智能解决方案智库
简体中文