总而言之，AI虽然不会直接替你完成分享操作，却能大幅缩短分享前的各项准备工作时长。
配置前先理清目标
你需要明确这个Dashboard设计是为谁制作，以及它的核心用途是什么？
- 若面向开发团队，需包含详细的标注信息、代码导出功能以及组件说明。
- 给产品经理或高层汇报时，应突出高保真预览效果、交互演示示意，并高亮关键模块。
- 供外部客户审阅，则必须设置严格的访问权限、添加水印保护，并限制访问时效。
MasterGo的“分享”功能，本质上就是生成一个受权限控制的链接。而AI的作用，是协助你快速构建这个链接背后的优质内容。
三步实现可分享的Dashboard设计
1. 借助AI快速生成并收敛设计稿
- 在MasterGo中创建新文件后，点击顶部AI图标，选择“AI生成界面”功能。
- 输入清晰的需求描述，例如：
后台Dashboard页面：顶部导航栏包含logo和用户头像，左侧菜单包含“仪表盘、订单、商品、报表”，主区由销售额趋势折线图、订单状态卡片和热销商品表格构成；整体风格简洁，主色为 #2563EB，适配桌面端显示 - 生成结果插入画布后，运用“块状精修法”逐模块微调：优先调整头部导航高度，再优化图表间距，最后统一文字字号。
- 关键步骤：确保所有图层命名遵循规范（例如
Header / Chart-Sales / Card-OrderStatus）。这不仅是后续开发对接的基础，也能让AI更准确理解你的设计意图。
2. 利用MCP或组件系统保障设计一致性
- 将重复出现的模块（如卡片、按钮、表格头部）转为MasterGo组件。
- 启用MCP来统一管理字体层级、间距系统与颜色变量，以此固化设计规范。
- 如此一来，分享的设计稿能让团队成员一目了然地理解排版逻辑，后续迭代时也能批量更新，极大提升效率。
3. 配置分享权限与交付物细节
- 点击右上角的“分享”按钮，设置可见范围：仅限团队成员、指定人员或通过外部链接访问。
- 勾选“允许查看评论”、“允许下载PNG/SVG”，或“导出React/Vue代码”（需安装相应插件）。
- 如需交付给开发，建议额外生成一份“设计说明页”。可以利用AI输入提示词来完成，例如：“为这张Dashboard设计稿撰写一份给前端的交接说明，涵盖布局逻辑、响应式要点、图标来源及交互状态说明”。随后插入新页面，一并分享出去。
易被忽视但影响体验的关键细节
- 分享链接默认不包含历史版本记录。如需回溯，务必提前执行
git init并提交快照，尤其在多人协作场景下。 - 若外部链接访问频繁，建议开启“访问密码”并设置“过期时间”，以防设计稿泄露。
- AI生成的图表占位图不能直接用于交付，需手动替换为真实数据图，或通过MasterGo图表插件接入。
- 若使用MasterGo AI的Agent模式，可在分享前运行一次“设计规范检查”，自动标识出不合规项（如字号偏差、对比度不足），并及时修正。
完成一次完整流程后你会发现，所谓“一键分享”的核心，就是把设计、标注、说明、权限这四件事在一个平台内闭环处理。AI不会替你点击分享按钮，但它能确保你在点击之前，所有准备工作已妥当。
