MCP Mfm

🚀 D-ZERO 開發環境用 MCP 服務器

這是一個專門為 D-ZERO 前端開發環境打造的 Model Context Protocol（MCP）服務器。它具備以下重要功能，能極大提升開發者的工作效率：

• Figma 數據獲取：藉助 API 輕鬆獲取 Figma 文件和節點的數據。
• 編碼規範提供：為開發者提供 D-ZERO 前端開發指南。
• 與 CLINE 的集成：可作為 CLINE 的 MCP 服務器運行，還支持與 AI 助手進行對話。

使用該服務器，開發者能通過與 AI 助手對話，參考 Figma 設計並查閱編碼規範。

🚀 快速開始

配置 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 包失敗，請全局安裝並指定完整路徑（參考問題）。

💡 使用建議

Figma 的訪問令牌請從 Figma 開發者文檔 獲取。

🔧 技術細節

開發所需的 .env 文件

此 MCP 服務器開發時需要 .env 文件，示例如下：

# Figma API 設置
FIGMA_ACCESS_TOKEN=abcd_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

# 測試用的 Figma URL
FIGMA_TEST_URL=https://www.figma.com/file/abcdef123456/FileName