MasterGo MCP

MasterGo 的 MCP 能力通过简化代码生成流程、提升代码质量,并借助 AI 技术生成交互功能,为需要长期维护的项目提供了更高效、更灵活的解决方案,显著提升了开发效率和代码质量。

MasterGo MCP 以 MCP Server 形式运行:

  • MCP Server(MCP 服务器):提供特定功能的轻量级程序,通过标准化的 Model Context Protocol 向客户端暴露多种能力。

例如,MasterGo MCP 向 Cursor、Trae 等支持 MCP 的客户端提供获取设计图数据的能力。

MCP 如何使用

手动配置 MCP

一、搭建环境

MCP 的运行需要基本条件

  1. Node.js 运行环境:MCP Server 需基于 Node.js 启动,请安装最新版本。

  2. MCP Host:需安装支持 MCP Server 的客户端软件(如 Cursor、Trae 等)。

二、安装 Node.js

MasterGo MCP 依赖 Node.js 环境,使用前请先在电脑上安装 Node.js:

  1. 访问 https://nodejs.org/zh-cn ,下载最新版本并安装。

  2. 安装完成后,打开 Terminal(macOS)或 CMD(Windows),输入以下命令验证安装:

node -v

若显示 Node.js 版本号(如 vxx.x.x),说明安装成功。 1.PNG 2.PNG

三、获取MG_MCP_TOKEN

  1. 访问 https://mastergo.com

  2. 进入个人设置。

  3. 点击安全设置选项卡。

  4. 找到个人访问令牌。

  5. 点击生成令牌。

3.png

四、配置 MCP

将 MasterGo MCP 配置信息粘贴到对应 AI 客户端的 MCP 设置位置即可启用。不同 AI 客户端的配置位置可能有所差异,建议查阅相应客户端的官方文档以确定准确的配置入口。

{
  "mcpServers": {
    "mastergo-magic-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@mastergo/magic-mcp",
        "--token=你的个人令牌",
        "--url=https://mastergo.com"
      ],
      "env": {}
    }
  }
}

五、使用MCP 如遇权限不足提示,请检查token是否正确、是否有团队版及团队版以上权限,文件是否拖入有权限的团队中

下面以claude code 和cursor为例,演示mcp使用方法

  • claudecode:将配置粘贴到cc的全局配置中

cc.png

  • cursor: 将配置粘贴到mcp.json中

cursor.png

mcp_getDsl方法

  • 注意:先选中图层,layerId为必传参数

mcp_getD2c方法

  • 注意:先点击发送数据按钮,将d2c数据发送的同时会将contentId复制到剪切板,将其粘贴至大模型进行对话即可

Vscode 拓展中使用 MCP

评价此篇文章:👍🏻 有帮助 👎🏻 无帮助

👉本篇文章对你是否有帮助?👍🏻 有帮助 👎🏻 无帮助,我们期待着你的反馈。