探索
MCP Mfm

MCP Mfm

D-ZERO前端开发环境专用的MCP服务器,集成Figma数据获取和编码规范支持
2.5分
12
2025-04-23 12:08:43
概述
安装
工具列表
内容详情
替代品

什么是D-ZERO MCP Server?

D-ZERO MCP Server是为前端开发环境设计的辅助工具,通过与AI助手交互帮助开发者快速获取Figma设计数据和项目编码规范

如何使用D-ZERO MCP Server?

通过CLINE工具配置后,开发者可以在对话中直接查询设计规范或获取Figma设计数据

适用场景

适用于需要频繁参考Figma设计稿的前端开发场景,以及需要确认项目编码规范的开发协作场景

主要功能

Figma数据集成通过Figma API获取设计文件和节点数据,支持实时设计数据查询
编码规范查询提供D-ZERO项目的前端开发规范文档,包括组件使用和样式指南
CLINE集成作为CLINE的MCP服务器,支持通过自然语言与AI助手交互获取开发资源

优势与局限性

优势
减少设计稿和代码之间的切换时间
统一团队编码规范,提高代码一致性
通过自然语言交互降低查询门槛
局限性
需要有效的Figma访问令牌才能获取设计数据
部分复杂查询可能需要特定格式
首次配置需要技术知识

如何使用

获取Figma访问令牌从Figma开发者平台获取API访问令牌
配置CLINE设置编辑cline_mcp_settings.json文件,添加服务器配置
启动服务器通过CLINE界面启用MCP服务器

使用案例

查询按钮样式开发过程中需要确认按钮组件的设计规范
获取页面布局需要参考Figma中的页面布局进行开发

常见问题

1
如何获取Figma访问令牌?访问Figma开发者平台的API文档页面(https://www.figma.com/developers/api#access-tokens)获取令牌
2
服务器启动失败怎么办?尝试全局安装@d-zero/mcp-server包并使用完整路径运行,参考GitHub Issue #1247
3
可以查询哪些类型的Figma数据?支持查询文件元数据、节点信息和设计规范,具体取决于Figma API的权限设置

相关资源

Figma API文档Figma官方API文档
CLINE GitHub仓库CLINE项目源代码和问题追踪
D-ZERO设计系统D-ZERO设计系统官方网站
精选MCP服务推荐
Firecrawl MCP Server
Firecrawl MCP Server是一个集成Firecrawl网页抓取能力的模型上下文协议服务器,提供丰富的网页抓取、搜索和内容提取功能。
TypeScript
2,951
5分
Figma Context MCP
Framelink Figma MCP Server是一个为AI编程工具(如Cursor)提供Figma设计数据访问的服务器,通过简化Figma API响应,帮助AI更准确地实现设计到代码的一键转换。
TypeScript
6,096
4.5分
Duckduckgo MCP Server
已认证
DuckDuckGo搜索MCP服务器,为Claude等LLM提供网页搜索和内容抓取服务
Python
207
4.3分
Context7
Context7 MCP是一个为AI编程助手提供实时、版本特定文档和代码示例的服务,通过Model Context Protocol直接集成到提示中,解决LLM使用过时信息的问题。
TypeScript
4,851
4.7分
Exa Web Search
已认证
Exa MCP Server是一个为AI助手(如Claude)提供网络搜索功能的服务器,通过Exa AI搜索API实现实时、安全的网络信息获取。
TypeScript
1,425
5分
Edgeone Pages MCP Server
EdgeOne Pages MCP是一个通过MCP协议快速部署HTML内容到EdgeOne Pages并获取公开URL的服务
TypeScript
87
4.8分
Minimax MCP Server
MiniMax Model Context Protocol (MCP) 是一个官方服务器,支持与强大的文本转语音、视频/图像生成API交互,适用于多种客户端工具如Claude Desktop、Cursor等。
Python
359
4.8分
Baidu Map
已认证
百度地图MCP Server是国内首个兼容MCP协议的地图服务,提供地理编码、路线规划等10个标准化API接口,支持Python和Typescript快速接入,赋能智能体实现地图相关功能。
Python
317
4.5分
安装
复制以下命令到你的Client进行配置
{
	"mcpServers": {
		"coding_guidelines": {
			"command": "npx",
			"args": ["-y", "@d-zero/mcp-server"],
			"env": {
				"FIGMA_ACCESS_TOKEN": "abcd_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
			},
			"disabled": false,
			"autoApprove": []
		}
	}
}
注意:您的密钥属于敏感信息,请勿与任何人分享。