UI Compare
设计稿 vs 实机截图 — 像素级对比
重置
⚙ AI 配置
全选
开始对比
✦ AI
暂无素材
从下方添加图片
差异敏感度
0.10
忽略反走样
最小问题尺寸 (px)
叠加透明度
50%
高斯模糊
0px
容器对齐
排除区域
从左侧选择图片对后点击「开始对比」
支持设计稿与实机截图的像素级差异检测
差异标注
叠加对比
并排对比
↔ 拖动对比
视图
+
-
⤢ 适配
1:1
显示
⊙ 标记
▦ 差异
⊘ 排除区
底图
设计稿
截图
✏ 编辑排除区
100%
滚轮缩放 · 拖拽平移 · 点击标记查看详情
叠加透明度
50%
+
-
⤢ 适配
1:1
100%
滚轮缩放 · 拖拽平移 · 双击适配
+
-
⤢ 适配
1:1
100%
设计稿
截图
滚轮缩放 · 拖拽平移 · 双击适配
+
-
⤢ 适配
1:1
100%
滚轮缩放 · 左右拖动分割线 · 双击适配
📋 报告
✦ AI
0
🔄 重新分析
⚙ AI
就绪 — 等待上传图片
设置排除区域
在设计稿上拖拽框选需要忽略对比的区域(如动态时间、广告等)
✕
点击拖拽框选排除区域
当前区域
0
点击拖拽图片
添加需忽略的区域
清空全部
💾 另存为预设
🤖 AI 模型配置
配置自动保存本地,无需重复输入
✕
当前激活 Provider
🌊 DeepSeek (推荐 · 高性价比)
🔥 硅基流动 SiliconFlow
⚡ OpenAI GPT
⌁ VPS Codex CLI
🎭 Anthropic Claude
✨ Google Gemini
各 Provider 密钥配置
🐛 调试日志
0
Ctrl+Shift+D 切换
📋 复制
清空
✕
🐛