mcp-server logo

mcp-server

by d-zero-dev

This is the Model Context Protocol (MCP) server for the D-ZERO frontend development environment. It provides functionalities such as fetching Figma data and providing coding guidelines.

View on GitHub

Last updated: N/A

ディーゼロ開発環境用 MCPサーバー

D-ZEROフロントエンド開発環境用のModel Context Protocol(MCP)サーバーです。 以下の機能を提供します:

  • Figmaデータの取得: FigmaファイルやノードのデータをAPIを通じて取得
  • コーディングガイドラインの提供: D-ZEROのフロントエンド開発規約の提供
  • CLINEとの統合: CLINEのMCPサーバーとして動作し、AIアシスタントとの対話をサポート

このサーバーを使用することで、開発者はFigmaデザインの参照やコーディング規約の確認をAIアシスタントとの会話を通じて行うことができます。

cline_mcp_settings.json

CLINEの「MCP Servers」設定から、「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 から取得してください。

Contribution

このMCPサーバー自体の開発には.envファイルが必要です。

# Figma API設定
FIGMA_ACCESS_TOKEN=abcd_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

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