安装指南

安装 UI Overlay macOS 应用与 Chrome 扩展

设置桌面叠层工具和浏览器扩展,用本地设计稿对真实界面进行像素级视觉校对。

macOS 桌面应用

  1. 从 UI Overlay 首页下载当前 macOS DMG。
  2. 打开 DMG,将 UI Overlay 拖入 Applications。
  3. 从 Applications 启动。如果 macOS 拦截首次打开,使用右键打开。
  4. 导入本地设计稿,并调整透明度、缩放、偏移和穿透模式。

当前 MVP 构建尚未签名和 notarization,首次启动可能需要手动确认。

Chrome 扩展

  1. Chrome Web Store 上架后安装扩展。
  2. 打开需要检查的普通网页。
  3. 在扩展设置中开启页面浮动控制按钮。
  4. 导入本地设计稿,将其对齐到真实网页之上。