关于 Figma MCP Server
Figma MCP Server 通过 Figma API 将 MCP 客户端连接到 Figma 文件和项目内容，并提供变量、引用及主题管理工具。
主要功能
- 01Figma API 身份验证
- 02读取文件详情
- 03列出项目文件
- 04管理变量、引用和主题
适用场景
- 01从客户端查看 Figma 文件详情
- 02浏览 Figma 项目中的文件
- 03创建或更新文件变量
- 04验证引用并配置主题
MCP 相关
该 MCP 服务向兼容客户端提供 Figma 文件和项目访问，以及变量、引用和主题操作。
配置
本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。
暂未收录安装方式
我们还没有获取到这个服务的安装包或远程地址，请按项目 README 中的说明安装。
工具
还没有获取到工具列表
本地服务需要在你的电脑上运行后才能读取工具，维护者暂未提供工具列表。
详细介绍
Figma MCP 服务
当 Claude/Cursor 可以直接访问 Figma 设计数据时，只需一步即可生成精准的设计，效果远胜于依赖截图的方法。
一个提供 Figma API 只读集成的 Model Context Protocol（MCP）服务。支持核心 Figma 文件和项目访问，专为与 Claude Desktop 和其他兼容 MCP 的客户端搭配使用而设计。
功能
- 使用 Figma API 安全认证
- Figma 文件操作（读取、列出）
前置条件
- Node.js 18.x 或更高版本
- Figma 访问令牌（读取权限）
配置
- 将
.env.example复制为.env，并设置 Figma 访问令牌：
FIGMA_ACCESS_TOKEN=your_figma_token
MCP_SERVER_PORT=3000
DEBUG=figma-mcp:*
- 如需与 Claude Desktop 集成，请将服务添加到 Claude 配置中（参见
examples/claude_desktop_config.json）。
### Available Tools
- **get-file**: Retrieve Figma file details
- **list-files**: List files in a Figma project
- **create-variables**: Create variables in a Figma file
- **update-variables**: Update existing variables in a Figma file
- **delete-variables**: Delete variables from a Figma file
- **create-reference**: Create a reference between variables
- **validate-references**: Check for circular references and validate dependencies
- **create-theme**: Create a theme with variable mode configurations
See `src/handlers/figma.ts` and `src/commands/figma.ts` for implementation details.
See `src/handlers/figma.ts` and `src/commands/figma.ts` for implementation details.
## Project Structure
- `src/server.ts` — Main server logic
- `src/handlers/figma.ts` — Figma API handlers
- `src/commands/figma.ts` — Command definitions
- `src/schemas/` — Input validation schemas
- `src/types/` — TypeScript types
- `bin/figma-mcp-server` — CLI entry point
- `examples/` — Example Claude Desktop configs
评论
支持 Markdown
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。