MasterGo AI配置实现Dashboard一键分享设计

简单来说，AI不直接完成分享动作，但能大幅压缩分享前的准备时间。

配置Dashboard分享前先理清目标

你要分享的Dashboard设计，是给谁看的？用途是什么？

• 给开发团队看，需要的是标注、代码导出和组件说明。
• 给产品经理或老板看，需要高保真预览、交互示意以及重点模块高亮。
• 给外部客户看，则需要严密的权限控制、水印保护和访问时效限制。

MasterGo的“分享”，本质上是生成一个带权限控制的链接。而AI的角色，是帮你快速准备好这个链接背后的内容。

三步配出可分享的Dashboard设计

1. 用AI快速生成并收敛设计稿

• 在MasterGo中新建文件，点击顶部AI图标，选择「AI生成界面」。
• 输入清晰的描述，比如：
  后台Dashboard页面：顶部导航栏含logo和用户头像，左侧菜单含“仪表盘、订单、商品、报表”，主区包含销售额趋势折线图、订单状态卡片、热销商品表格；整体风格简洁，主色 #2563EB，适配桌面端
• 生成后插入画布，再用“块状精修法”逐模块微调：先调整头部导航高度，再调图表间距，最后统一文字字号。
• 关键一步：确保所有图层命名规范（例如 Header / Chart-Sales / Card-OrderStatus）。这不仅方便后续开发对接，也是AI能准确理解你设计意图的基础。

2. 用MCP或组件系统固化一致性

• 将重复出现的模块（如卡片、按钮、表格头）转换为MasterGo组件（Component）。
• 启用MCP（MasterGo Control Panel）来管理设计规范：定义好字体层级、间距系统和颜色变量。
• 这样一来，分享出去的设计稿，别人打开一看就能明白“为什么这样排版”，后续迭代时也能批量更新，省时省心。

3. 配置分享权限与交付物

• 点击右上角的「分享」按钮，设置可见范围：仅团队成员、指定人员，或外部链接。
• 勾选「允许查看评论」「允许下载PNG/SVG」，或「导出React/Vue代码」（需开通对应插件）。
• 如果需要交付给开发，建议额外生成一份「设计说明页」。可以借助AI来完成：输入提示词，例如“为这张Dashboard设计稿写一段给前端的交接说明，包括布局逻辑、响应式要点、图标来源、交互状态说明”，然后插入新页面，一并分享出去。

分享Dashboard时容易忽略但影响体验的细节

• 分享链接默认不包含历史版本。如果需要回溯，务必提前做好git init并提交快照，尤其在多人协作时。
• 外部链接如果被频繁访问，建议开启「访问密码」并设置「过期时间」，防止设计稿泄露。
• AI生成的图表占位图不能直接用于交付，需要手动替换为真实数据图，或接入MasterGo的图表插件。
• 如果使用MasterGo AI的Agent模式，可以在分享前运行一次「设计规范检查」，自动标出不合规项（比如字号偏差、对比度不足），及时修正。

实际完成一次流程后你会发现，所谓“一键分享”，实质就是将设计、标注、说明、权限这四件事在同一个平台内闭环完成。AI不会替你点击分享按钮，但能确保你在点击之前，所有准备工作均已就绪。