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