先说结论: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 个原子组件。这才是真正面向研发交付的高效压缩。
