@d-zero/mcp-server
OfficialAllows fetching data from Figma files and nodes via the Figma API.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@@d-zero/mcp-serverShow me the Figma file for the homepage"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
ディーゼロ開発環境用 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 から取得してください。
Related MCP server: Figma MCP Server
Contribution
このMCPサーバー自体の開発には.envファイルが必要です。
# Figma API設定
FIGMA_ACCESS_TOKEN=abcd_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
# テスト用のFigma URL
FIGMA_TEST_URL=https://www.figma.com/file/abcdef123456/FileNameThis server cannot be installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Servers
- Alicense-qualityDmaintenanceGives AI-powered coding tools like Cursor, Windsurf, and Cline access to Figma design files, enabling more accurate code generation directly from Figma designs.Last updated85,758MIT
- Alicense-qualityDmaintenanceEnables AI assistants to interact with Figma designs using natural language commands, supporting file analysis, component extraction, asset export, comment management, and design system queries through the Figma API.Last updated1,7761ISC
- Alicense-qualityDmaintenanceEnables coding agents like Cursor to access Figma design data, fetch layout and styling information, and implement designs in any framework.Last updated85,758MIT
- Alicense-qualityDmaintenanceEnables AI coding agents to access Figma files and prototypes, allowing them to retrieve design data and assets directly.Last updatedMIT
Related MCP Connectors
Connect AI coding agents to Anima Playground, Figma, and your design system.
Give AI coding agents access to your Vynix visual feedback, bug reports, and AI diagnosis.
Connect your AI assistants to Keboola and expose your data, transformations, SQL queries, ...
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/d-zero-dev/mcp-server'
If you have feedback or need assistance with the MCP directory API, please join our Discord server