产品文档
用于 UI 还原度校对的视觉对比流程
UI Overlay 让设计稿始终可见，帮助你检查真实界面中的间距、对齐、尺寸和视觉节奏差异，并把发现的问题记录成标注。
导入设计稿
加载本地 PNG、JPG 或设计导出图，并在评审过程中切换不同状态。
变换控制
调整透明度、缩放、X/Y 偏移、适配、居中和反色，让设计稿与界面对齐。
标注
开启标注模式框选问题、填写说明，并导出紧凑的评审报告。
推荐校对流程
- 选择要验证的产品界面或网页。
- 导入对应的设计稿。
- 使用缩放和偏移对齐设计稿。
- 降低透明度，检查布局、字体和间距差异。
- 开启标注模式记录差异，关闭后恢复变换操作。
- 需要交互测试时开启穿透模式。
使用建议
尽量按实现视口尺寸导出设计稿，为多状态 mock 使用清晰文件名，并保持标注说明简短可执行。