drio
Open app

ディーゼロ開発環境用 MCPサーバー

Source

D-Zero frontend coding MCP server

Catalog onlyCatalog onlySTDIO

Overview

MCP Server is a Model Context Protocol server designed for the D-Zero frontend development environment, facilitating the integration of design and coding guidelines.

To use MCP Server, configure the cline_mcp_settings.json file in the CLINE MCP Servers settings and ensure you have the necessary Figma access token for API integration.

  • Fetches data from Figma files and nodes via API. - Provides coding guidelines for D-Zero frontend development. - Integrates with CLINE to support interaction with AI assistants.
  1. Accessing Figma design references during development.
  2. Ensuring adherence to coding standards through provided guidelines.
  3. Facilitating AI-assisted development conversations.

Add to your AI client

Use these steps to connect ディーゼロ開発環境用 MCPサーバー in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

{
  "mcpServers": {
    "mcp-server-d-zero-dev": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-d-zero-dev"
      ]
    }
  }
}

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "mcp-server-d-zero-dev": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-d-zero-dev"
      ]
    }
  }
}

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

{
  "mcpServers": {
    "mcp-server-d-zero-dev": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-d-zero-dev"
      ]
    }
  }
}

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "mcp-server-d-zero-dev": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-d-zero-dev"
      ]
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "mcp-server-d-zero-dev": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-d-zero-dev"
      ]
    }
  }
}

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "mcp-server-d-zero-dev": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-d-zero-dev"
      ]
    }
  }
}

FAQ

How do I obtain a Figma access token?

You can get a Figma access token from the Figma API documentation at https://www.figma.com/developers/api#access-tokens.

What should I do if the `@d-zero/mcp-server` package fails to run?

If the package fails to run, try installing it globally and specify the full path as indicated in the documentation.

Developer tools