ui-differ · 设计稿对比

Extension Tools3 users

Overview

在任意网页上叠加设计稿逐像素对比：透明度/缩放/拖拽、裁剪挖空逐块核对、辅助线对齐，IndexedDB 刷新保留。

这个是一个UI检查的工具，方便设计人员查看网页是否和设计稿的出入。可以按上下左右键移动，也可以放大缩小。也可以调整透明度。

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
1.0.3
Updated
September 22, 2026
Flag concern
Offered by
mengxiande88
Size
24.57KiB
Languages
中文（中国）
Developer
Email
1104252528@qq.com
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

ui-differ · 设计稿对比 has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

ui-differ · 设计稿对比 handles the following:

User activity

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Fix Width

5.0

Fix the width of pages that span the whole browser. Makes websites far more readable.

Page Ruler Pro

5.0

Page Ruler to measure elements, distances and layouts. Measure it with grid, snap on any website.

Dev Peek

0.0

Inspect and live-edit any web page element — colors, typography, spacing, gradients, shadows, and more

CSS Spacing Inspector

0.0

Hover to see margin, padding, and gap overlays with pixel values

CSS Style Inspector – by Pixellize

0.0

Inspect CSS styles, colors, typography, spacing and more from any webpage element.

Page Zoom Tuner

0.0

ページのズーム倍率を細かい刻み幅で調整。Ctrl+ホイールやショートカットキーにも設定した刻み幅を適用できます。

NoF12 Frontend Fast Check

5.0

A Chrome extension to visualize CSS spacing (margin, padding, gap) on web pages.

Spacing Inspector

0.0

See padding, margin and the gaps between elements in plain pixels. Pause & resume across pages. No DevTools.

Spacing & Size Inspector

0.0

Inspect padding, margin, width, height & more on any element. Built for Squarespace, works everywhere.

Visual Zoom

0.0

Zoom a page by scaling its rendered pixels, not by reflowing the layout.

Alignment Inspector

5.0

Visually inspect element alignment on any webpage. Compare center, left, right, top, and bottom edges with live pixel measurements.

ChatGPT Widthify

5.0

画面上に表示されるスライドを操作することによってサイドバーの横幅とテキストが表示されるエリアの横幅を変更することができます。