MCP服务器

D-ZERO前端开发环境用的Model Context Protocol(MCP)服务器,提供Figma数据获取、编码指南和CLINE集成功能。

  • by d-zero-dev
  • TypeScript
  • 本地部署
  • 12 星标
  • 更新于
在 GitHub 查看 d-zero-dev/mcp-server

使用说明

柴油机开发环境用MCP服务器

D-ZERO前端开发环境用Model Context Protocol(MCP)服务器。 提供以下功能:

  • Figma检索数据: Figma文件和节点数据API获得
  • 提供编码准则: D-ZERO提供前端开发条款
  • CLINE与集成: CLINE的,之MCP作为服务器运行AI支持与助手交互

通过使用此服务器,开发人员可以Figma请参考设计或确认编码规则AI你可以通过和助理的谈话进行。

cline_mcp_settings.json

CLINE在动态输入提示中单击「Installed」选项卡,然后单击Configure MCP Servers单击功能区上cline_mcp_settings.json编辑文件。

{
	"mcpServers": {
		"coding_guidelines": {
			"command": "npx",
			"args": ["-y", "@d-zero/mcp-server"],
			"env": {
				"FIGMA_ACCESS_TOKEN": "abcd_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
			},
			"disabled": false,
			"autoApprove": []
		}
	}
}

@d-zero/mcp-server如果软件包运行失败,请全局安装并指定完整路径(参考Issue)。

Figma的访问令牌https://www.figma.com/developers/api#access-tokens 中所述修改相应参数的值。

贡献

这个MCP服务器本身的开发.env需要文件。

# Figma API設定
FIGMA_ACCESS_TOKEN=abcd_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

# テスト用のFigma URL
FIGMA_TEST_URL=https://www.figma.com/file/abcdef123456/FileName