mastergo ai 通过设计规范检查、局部修改与校对功能三步实现设计稿偏差修正：先比对团队规范定位偏差，再逐模块精修，最后快速同步文案更新。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 并不直接“自动识别并修复页面设计错误”像代码编辑器那样实时纠错，而是通过 设计规范检查 + 人工引导式精修 的组合方式，实现对设计稿偏差的发现与修正。
它真正的价值不在“全自动修复”，而在于：
✅ 把隐性的设计规范显性化
✅ 把主观判断转化为可比对的量化标准
✅ 把反复试错的过程压缩为结构化反馈
具体怎么做？分三步走：
一、用「设计规范检查」功能定位系统性偏差
这个功能需要你提前配置好团队设计系统（如 Ant Design 或自定义组件库）。AI 会扫描选中的图层，比对以下维度：
- 颜色值是否匹配主色/中性色定义
- 字体大小、字重、行高是否符合层级规范（H1/H2/正文/辅助文本）
- 圆角、阴影、边框等视觉属性是否统一
- 组件是否调用的是规范库中的标准实例（而非手动绘制的“山寨版”）
⚠️ 注意：它不会说“这个按钮错了”，而是输出类似这样的报告：
“Button Primary 使用了 #007AFF（正确），但右侧 Icon 按钮使用了 #1890FF（偏差值 ΔE=3.2，超出容差）”
这样你就知道哪里该动、为什么动、按什么标准动。
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件，你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
二、用「局部修改」+「块状精修法」逐模块校准
规范检查只是起点。真正还原设计稿，靠的是你带着 AI 一块一块打磨：
- 先选中顶部统计卡片区域 → 输入指令：“按 MasterGo 设计稿链接中的间距、图标尺寸、文字对齐方式重绘此区域”
- 再选中表格容器 → 补充说明：“列宽严格对齐设计稿第3列宽度（128px），表头背景色为 #F5F5F5，hover 行高为 48px”
- 最后处理响应式断点 → 明确告诉 AI：“在 768px 断点下，左侧导航栏折叠为图标菜单，右侧内容区宽度占满剩余空间”
关键不是让它一次全对，而是每次只聚焦一个模块、给出明确参照（截图+链接）、限定修改范围。AI 在 Agent 模式下能精准执行这类指令。
三、用「校对」功能快速同步文案类错误
如果上游改了标题或提示语，不用等文件重新发来——
- 直接在旧文案旁用校对工具（快捷键 E）标记新内容
- 设计师点击“应用”，文字图层自动替换，连字体样式、字号都保留原设置
- 整个过程不改动图层结构，也不影响其他元素布局
这看似简单，却解决了设计协作中最高频的“文案返工”问题，避免因文字微调引发整体重排。
本质上，MasterGo AI 不是万能纠错机，而是把设计师的经验规则化、把沟通成本操作化、把还原动作颗粒化。你提供标准，它负责比对；你划定范围，它负责执行；你确认意图，它负责落地。
