ディーゼロ開発環境用 MCPサーバー
2025.04.18
8
TypeScript前端开发Figma 集成AI 助手支持开发效率
mcp-server 是一个专为 D-ZERO 前端开发环境设计的 Model Context Protocol (MCP) 服务器。它提供了 Figma 数据获取、编码指南提供以及与 CLINE 的集成功能，帮助开发者通过 AI 助手进行 Figma 设计参考和编码规范确认。
View on GitHub
Overview
基本能力
产品定位
mcp-server 是一个专为 D-ZERO 前端开发环境设计的 Model Context Protocol (MCP) 服务器，旨在通过 AI 助手提供 Figma 设计参考和编码规范确认功能。
核心功能
- Figma 数据获取：通过 API 获取 Figma 文件或节点的数据。
- 编码指南提供：提供 D-ZERO 前端开发规范。
- CLINE 集成：作为 CLINE 的 MCP 服务器，支持与 AI 助手的交互。
适用场景
- 前端开发者在开发过程中需要参考 Figma 设计。
- 开发者需要快速确认或遵循 D-ZERO 的编码规范。
- 通过 AI 助手进行交互式开发支持。
工具列表
- @d-zero/mcp-server：MCP 服务器的主要工具，提供 Figma 数据获取和编码指南功能。
常见问题解答
- 安装失败：如果
@d-zero/mcp-server安装失败，可以尝试全局安装并指定完整路径。 - Figma 访问令牌：需要从 Figma 开发者网站获取有效的访问令牌。
使用教程
使用依赖
- 需要 Node.js 环境。
- 需要 Figma 访问令牌（从 https://www.figma.com/developers/api#access-tokens 获取）。
安装教程
- 通过 npm 安装
@d-zero/mcp-server：bash npm install -g @d-zero/mcp-server - 配置
cline_mcp_settings.json文件：json { "mcpServers": { "coding_guidelines": { "command": "npx", "args": ["-y", "@d-zero/mcp-server"], "env": { "FIGMA_ACCESS_TOKEN": "your_figma_access_token" }, "disabled": false, "autoApprove": [] } } }
调试方式
- 确保
.env文件配置正确：env FIGMA_ACCESS_TOKEN=your_figma_access_token FIGMA_TEST_URL=https://www.figma.com/file/abcdef123456/FileName - 运行 MCP 服务器：
bash npx @d-zero/mcp-server - 检查日志输出，确保服务器正常运行。