MasterGo AI如何辅助快速检查设计规范？

MasterGo AI 实现高效设计规范检查的核心，是一套“图层感知 + 规范映射 + 实时反馈”的闭环逻辑。它并非依赖通用 AI 进行猜测，而是精准围绕团队自身的设计系统展开比对，这是关键所在。 以下分步解析其具体工作方式。

自动解析图层属性，识别关键规范项

MasterGo AI 会自动扫描当前画布上的每个元素，提取颜色、字号与字重、圆角半径、阴影参数（X/Y 偏移、模糊、扩散）、边框粗细与样式、各类间距（内边距、外边距、组件间距离）等 200 余项基础样式数据。这些数据作为规范校验的原始凭证，完全无需手动标注或录入。

实时匹配团队设计系统（DSM）

此环节是核心能力。只要项目已关联团队私有的组件库，或接入 AntDesign、Element UI 等主流开源库，MasterGo AI 便会立即调取其中定义的标准值进行逐一比对。例如：

• 按钮组件规定主色为 #1677FF，若画布中某按钮填充色为 #1890FF，系统会立刻标红并提示偏差。
• 标题层级 H1 应为 24px 加粗，若实际使用 22px 常规，系统将自动标注并给出修正建议。
• 图标统一尺寸为 20×20，若某图标被拉伸至 24×24，系统会直接定位到具体图层并高亮显示。

提供可操作的修复建议，不止于报错

除了报错，MasterGo AI 还提供完整的后续动作：

• 一键修复：例如点击色块即可直接应用标准色。
• 批量修正：选中所有违规文本图层，一次性统一字号和字重。
• 组件推荐：检测到自绘按钮时，提示“可用 DSM 中的 PrimaryButton 替代”。
• 生成报告：最终输出修复报告，包含问题分布热力图、修改前后对比截图，一目了然。

支持定制化检查逻辑

除默认规则外，用户可按需开启更高级的检查项，灵活性很高：

• 无障碍检查：例如 WCAG 2.1 的对比度要求、文字过小问题。
• 多端一致性：同一组件在 iOS、Android、Web 下是否使用适配样式。
• 品牌资产强约束：禁止使用未授权字体或未入库图标。
• 自定义审批清单：例如设定“上线前必须通过暗黑模式适配检查”。