D-ZEROフロントエンド開発環境専用のMCPサーバーで、Figmaデータ取得とコーディング規約サポートを統合しています。
2.5ポイント
8.2K

D-ZERO MCPサーバーとは?

D-ZERO MCPサーバーは、フロントエンド開発環境向けの補助ツールで、AIアシスタントとの対話を通じて、開発者がFigmaのデザインデータとプロジェクトのコーディング規約を迅速に取得できるように支援します。

D-ZERO MCPサーバーの使い方は?

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デザインシステムの公式ウェブサイト

インストール

以下のコマンドをクライアントにコピーして設定
{
	"mcpServers": {
		"coding_guidelines": {
			"command": "npx",
			"args": ["-y", "@d-zero/mcp-server"],
			"env": {
				"FIGMA_ACCESS_TOKEN": "abcd_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
			},
			"disabled": false,
			"autoApprove": []
		}
	}
}
注意:あなたのキーは機密情報です。誰とも共有しないでください。

代替品

R
Rsdoctor
Rsdoctorは、Rspackエコシステム向けに開発されたビルド分析ツールで、webpackと完全に互換性があり、可視化ビルド分析、多次元パフォーマンス診断、インテリジェントな最適化提案を提供し、開発者がビルド効率とエンジニアリング品質を向上させるのに役立ちます。
TypeScript
8.9K
5ポイント
N
Next Devtools MCP
Next.js開発ツールのMCPサーバーです。ClaudeやCursorなどのAIプログラミングアシスタントにNext.js開発ツールとユーティリティを提供します。実行時診断、開発自動化、およびドキュメントアクセス機能が含まれています。
TypeScript
9.5K
5ポイント
T
Testkube
Testkubeは、クラウドネイティブアプリケーション向けのテストオーケストレーションと実行フレームワークで、テストの定義、実行、分析を行うための統一プラットフォームを提供します。既存のテストツールとKubernetesインフラストラクチャをサポートします。
Go
6.2K
5ポイント
M
MCP Windbg
AIモデルをWinDbg/CDBに統合するMCPサーバーで、Windowsのクラッシュダンプファイルの分析とリモートデバッグに使用し、自然言語での対話を通じてデバッグコマンドを実行できます。
Python
8.7K
5ポイント
R
Runno
Runnoは、JavaScriptツールキットのセットで、ブラウザやNode.jsなどの環境で複数のプログラミング言語のコードを安全に実行するためのものです。WebAssemblyとWASIを通じてサンドボックス化された実行を実現し、Python、Ruby、JavaScript、SQLite、C/C++などの言語をサポートし、Webコンポーネント、MCPサーバーなどの統合方法を提供します。
TypeScript
7.6K
5ポイント
P
Praisonai
PraisonAIは、自動反省機能を備えた本番環境で使用可能な多AIエージェントフレームワークです。簡単なタスクから複雑な課題まで、様々な問題を自動的に解決するAIエージェントを作成することを目的としています。PraisonAIエージェント、AG2、CrewAIを低コードソリューションに統合することで、多エージェントLLMシステムの構築と管理を簡素化し、簡単さ、カスタマイズ性、および効果的な人間との協働を重視しています。
Python
7.3K
5ポイント
N
Netdata
Netdataはオープンソースのリアルタイムインフラストラクチャ監視プラットフォームで、毎秒の指標収集、可視化、機械学習による異常検出、自動化アラートを提供し、複雑な構成なしで全スタックの監視を実現します。
Go
9.7K
5ポイント
M
MCP Server
Mapbox MCPサーバーは、Node.jsで実装されたモデルコンテキストプロトコルサーバーで、AIアプリケーションにMapboxの地理空間APIへのアクセス機能を提供します。地理コーディング、興味のある場所の検索、ルート計画、等時線分析、静的地図生成などの機能が含まれます。
TypeScript
8.8K
4ポイント
G
Gmail MCP Server
Claude Desktop用に設計されたGmail自動認証MCPサーバーで、自然言語でのやり取りによるGmailの管理をサポートし、メール送信、ラベル管理、一括操作などの完全な機能を備えています。
TypeScript
15.4K
4.5ポイント
E
Edgeone Pages MCP Server
EdgeOne Pages MCPは、MCPプロトコルを通じてHTMLコンテンツをEdgeOne Pagesに迅速にデプロイし、公開URLを取得するサービスです。
TypeScript
21.2K
4.8ポイント
C
Context7
Context7 MCPは、AIプログラミングアシスタントにリアルタイムのバージョン固有のドキュメントとコード例を提供するサービスで、Model Context Protocolを通じてプロンプトに直接統合され、LLMが古い情報を使用する問題を解決します。
TypeScript
66.2K
4.7ポイント
B
Baidu Map
認証済み
百度マップMCPサーバーは国内初のMCPプロトコルに対応した地図サービスで、地理コーディング、ルート計画など10個の標準化されたAPIインターフェースを提供し、PythonとTypescriptでの迅速な接続をサポートし、エージェントに地図関連の機能を実現させます。
Python
33.1K
4.5ポイント
G
Gitlab MCP Server
認証済み
GitLab MCPサーバーは、Model Context Protocolに基づくプロジェクトで、GitLabアカウントとのやり取りに必要な包括的なツールセットを提供します。コードレビュー、マージリクエスト管理、CI/CD設定などの機能が含まれます。
TypeScript
17.4K
4.3ポイント
U
Unity
認証済み
UnityMCPはUnityエディターのプラグインで、モデルコンテキストプロトコル (MCP) を実装し、UnityとAIアシスタントのシームレスな統合を提供します。リアルタイムの状態監視、リモートコマンドの実行、ログ機能が含まれます。
C#
22.8K
5ポイント
M
Magic MCP
Magic Component Platform (MCP) はAI駆動のUIコンポーネント生成ツールで、自然言語での記述を通じて、開発者が迅速に現代的なUIコンポーネントを作成するのを支援し、複数のIDEとの統合をサポートします。
JavaScript
18.5K
5ポイント
S
Sequential Thinking MCP Server
MCPプロトコルに基づく構造化思考サーバーで、思考段階を定義することで複雑な問題を分解し要約を生成するのに役立ちます。
Python
28.3K
4.5ポイント
AIBase
智啓未来、あなたの人工知能ソリューションシンクタンク
© 2026AIBase