MCP Mfm
M

MCP Mfm

D-ZERO前端开发环境专用的MCP服务器,集成Figma数据获取和编码规范支持
2.5分
11.2K

什么是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中的页面布局进行开发

常见问题

如何获取Figma访问令牌?
服务器启动失败怎么办?
可以查询哪些类型的Figma数据?

相关资源

Figma API文档
Figma官方API文档
CLINE GitHub仓库
CLINE项目源代码和问题追踪
D-ZERO设计系统
D-ZERO设计系统官方网站

安装

复制以下命令到你的Client进行配置
{
	"mcpServers": {
		"coding_guidelines": {
			"command": "npx",
			"args": ["-y", "@d-zero/mcp-server"],
			"env": {
				"FIGMA_ACCESS_TOKEN": "abcd_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
			},
			"disabled": false,
			"autoApprove": []
		}
	}
}
注意:您的密钥属于敏感信息,请勿与任何人分享。

替代品

A
Acemcp
Acemcp是一个代码库索引和语义搜索的MCP服务器,支持自动增量索引、多编码文件处理、.gitignore集成和Web管理界面,帮助开发者快速搜索和理解代码上下文。
Python
8.9K
5分
B
Blueprint MCP
Blueprint MCP是一个基于Arcade生态的图表生成工具,利用Nano Banana Pro等技术,通过分析代码库和系统架构自动生成架构图、流程图等可视化图表,帮助开发者理解复杂系统。
Python
6.9K
4分
M
MCP Agent Mail
MCP Agent Mail是一个为AI编程代理设计的邮件式协调层,提供身份管理、消息收发、文件预留和搜索功能,支持多代理异步协作和冲突避免。
Python
8.4K
5分
K
Klavis
Klavis AI是一个开源项目,提供在Slack、Discord和Web平台上简单易用的MCP(模型上下文协议)服务,包括报告生成、YouTube工具、文档转换等多种功能,支持非技术用户和开发者使用AI工作流。
TypeScript
12.8K
5分
M
MCP
微软官方MCP服务器,为AI助手提供最新微软技术文档的搜索和获取功能
11.9K
5分
A
Aderyn
Aderyn是一个开源的Solidity智能合约静态分析工具,由Rust编写,帮助开发者和安全研究人员发现Solidity代码中的漏洞。它支持Foundry和Hardhat项目,可生成多种格式报告,并提供VSCode扩展。
Rust
10.6K
5分
D
Devtools Debugger MCP
Node.js调试器MCP服务器,提供基于Chrome DevTools协议的完整调试功能,包括断点设置、单步执行、变量检查和表达式评估等
TypeScript
8.9K
4分
S
Scrapling
Scrapling是一个自适应网页抓取库,能自动学习网站变化并重新定位元素,支持多种抓取方式和AI集成,提供高性能解析和开发者友好体验。
Python
11.6K
5分
D
Duckduckgo MCP Server
已认证
DuckDuckGo搜索MCP服务器,为Claude等LLM提供网页搜索和内容抓取服务
Python
67.4K
4.3分
F
Figma Context MCP
Framelink Figma MCP Server是一个为AI编程工具(如Cursor)提供Figma设计数据访问的服务器,通过简化Figma API响应,帮助AI更准确地实现设计到代码的一键转换。
TypeScript
62.2K
4.5分
F
Firecrawl MCP Server
Firecrawl MCP Server是一个集成Firecrawl网页抓取能力的模型上下文协议服务器,提供丰富的网页抓取、搜索和内容提取功能。
TypeScript
116.2K
5分
M
Minimax MCP Server
MiniMax Model Context Protocol (MCP) 是一个官方服务器,支持与强大的文本转语音、视频/图像生成API交互,适用于多种客户端工具如Claude Desktop、Cursor等。
Python
52.6K
4.8分
E
Edgeone Pages MCP Server
EdgeOne Pages MCP是一个通过MCP协议快速部署HTML内容到EdgeOne Pages并获取公开URL的服务
TypeScript
26.9K
4.8分
B
Baidu Map
已认证
百度地图MCP Server是国内首个兼容MCP协议的地图服务,提供地理编码、路线规划等10个标准化API接口,支持Python和Typescript快速接入,赋能智能体实现地图相关功能。
Python
42.3K
4.5分
C
Context7
Context7 MCP是一个为AI编程助手提供实时、版本特定文档和代码示例的服务,通过Model Context Protocol直接集成到提示中,解决LLM使用过时信息的问题。
TypeScript
85.1K
4.7分
E
Exa Web Search
已认证
Exa MCP Server是一个为AI助手(如Claude)提供网络搜索功能的服务器,通过Exa AI搜索API实现实时、安全的网络信息获取。
TypeScript
45.7K
5分
AIBase
智启未来,您的人工智能解决方案智库