如何配置MasterGo AI实现UI设计稿自动压缩？

先说结论：MasterGo AI 本身并没有提供所谓的“自动压缩”功能——它既没有内置图像压缩模块，也无法一键打包资源、缩减文件体积。很多用户提到的“UI设计稿自动压缩”，其实是一种概念混淆。真正的需求，主要分为以下两类。

1. 导出时的文件轻量化（视觉资产压缩）

这是最容易被误称为“压缩处理”的操作：将画布中的图片、图标、截图等资源，导出为体积更小且不失真的格式。

• MasterGo 导出 PNG/SVG 时，默认不进行有损压缩。
• 更务实的方式是手动控制导出质量：选中图层 → 右键 →「导出」→ 设置格式。图标类素材优先使用 SVG，矢量、无损、体积小；截图类使用 PNG@1x。
• 如果对 PNG 有压缩需求，部分版本支持勾选「启用压缩」，或者导出后借助 Squoosh、TinyPNG 等工具进行二次压缩。

需要留意的是：MasterGo 不支持批量导出压缩，也不支持按分辨率自动适配多倍图（如 @2x/@3x 自动切图），这些都需要人工设置，或者借助外部插件、脚本来完成。

2. 用 AI 减少设计稿冗余层级，实现逻辑“精简压缩”

这才是 MasterGo AI 真正能实现的“压缩”——不是压缩体积，而是压缩复杂度。通过 AI 辅助删减无效图层、合并重复样式、统一组件实例，将混乱的设计稿梳理清晰。

• 使用 AI 规范检查（Design System Checker）：在画布上右键 →「AI 检查」→ 启动规范扫描。它会自动标出：未使用的颜色变量、孤立文本图层、非组件化按钮、不一致的圆角/阴影值。
• 利用 AI 重构建议（Agent 模式）：选中混乱区域 → 点击 AI 图标 → 输入指令，例如“将这个列表区域转为可复用组件，移除所有硬编码文字和固定尺寸”，或者“合并所有同名但样式不同的标题文字，统一使用 H2 token”。

完成这一步后，设计稿的图层数通常能减少 30% 到 60%，交付给开发时结构更清晰，CSS 也更容易维护。

附：如果你确实需要自动化压缩流程

MasterGo 本身无法直接完成，但可以组合一套方案：

• 先用 MasterGo AI 清理图层结构（如上一步所述）。
• 导出为 SVG/PNG 后，接入本地脚本或 CI 工具链。例如使用 svgo 压缩 SVG，pngquant 压缩 PNG；或者配置 GitHub Action，在 PR 提交设计稿 ZIP 时自动触发压缩并回传。
• 如果需要更高级的自动化，可配合 Cursor 或自定义 MCP 工具读取 MasterGo 设计数据（需 layer_id），提取资源路径，驱动压缩任务。

不复杂但容易忽略的是：MasterGo AI 的价值不在于“压缩文件大小”，而在于“压缩认知成本”——让一张设计稿从 200+ 图层、5 种字号、7 套间距，收敛为 1 套 Design Token 加上 8 个原子组件。这才是真正面向研发交付的高效压缩。