MCP Mfm

🚀 D-ZERO MCP Server for Development Environment

This is a Model Context Protocol (MCP) server designed for the D-ZERO front-end development environment. It offers the following features:

• Figma Data Retrieval: Fetch data of Figma files and nodes via API.
• Coding Standard Provision: Provide the D-ZERO front-end development guidelines.
• Integration with CLINE: Operate as the MCP server for CLINE and support conversations with AI assistants.

With this server, developers can refer to Figma designs and coding standards through conversations with AI assistants.

🚀 Quick Start

✨ Features

• Figma Data Retrieval: Fetch data of Figma files and nodes via API.
• Coding Standard Provision: Provide the D-ZERO front-end development guidelines.
• Integration with CLINE: Operate as the MCP server for CLINE and support conversations with AI assistants.

📦 Installation

In the "MCP Servers" settings of CLINE, select the "Installed" tab, and then edit the cline_mcp_settings.json file through "Configure MCP Servers".

{
    "mcpServers": {
        "coding_guidelines": {
            "command": "npx",
            "args": ["-y", "@d-zero/mcp-server"],
            "env": {
                "FIGMA_ACCESS_TOKEN": "abcd_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
            },
            "disabled": false,
            "autoApprove": []
        }
    }
}

⚠️ Important Note

If running the @d-zero/mcp-server package fails, install it globally and specify the full path (refer to Issue). Obtain the Figma access token from Figma Developer Documentation.

💻 Usage Examples

Basic Usage

This MCP server itself requires a .env file for development:

# Figma API settings
FIGMA_ACCESS_TOKEN=abcd_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

# Figma URL for testing
FIGMA_TEST_URL=https://www.figma.com/file/abcdef123456/FileName