应用介绍

Pixelsnap对于原型设计工具而言，很多工具都缺失了一项非常重要的功能：距离标注。比如你在 Adobe XD 里创作原型的具体组件之间的高度和宽度数值查看起来不那么直观，让设计师在完善 UI 设计时会非常不方便。

PixelSnap 可以帮你解决这个问题，应用会基于 Mac 屏幕上显示的内容进行测量，不会受到设计工具的限制。通过快捷键，你可以快速地查看组件之间的距离和对应的数值，还可以将它们复制到剪切板。

在产品设计软件Pixel Snap 2这个版本中，他们在边缘检测方面做得非常好，数值准确程度很高，对于产品设计来说，是一个很实用的界面测量工具。

测量距离

只需选中「查找尺寸」功能按钮或者按下快捷键，然后将鼠标滑动到指定的位置，PixelSnap 就会迅速地测量屏幕上任何元素之间的距离，实时显示像素值，并且支持将数据结果保存至剪贴板。针对低对比度或者阴影的元素，你还能够调整「容差模式」的程度来进行适配。

测量对象元素

只需在某个元素或图像的周围创建选区，PixelSnap 便会立即捕捉到该元素的边界，从而测量该元素的长度和宽度值。不仅如此，你还可以一次性创建多个选区来测量多个元素。

添加参考线

PixelSnap 能够为屏幕添加水平和垂直参考线，以此来检查各元素是否对齐。在添加参考线时，软件会自动吸附对齐到屏幕中的元素边界，此外，你还可以通过开启「十字准线模式」来一次性校准屏幕上多个物体的对齐程度。

截取屏幕

除了可以实时测量尺寸，PixelSnap 还能够快速截取并保存所选区域的屏幕截图，并且支持搭配 CleanShot 使用，以便更轻松地与他人分享。

整合设计软件

PixelSnap 支持 Mac 上的任何应用程序，并且还与 Sketch / Figma / Adobe XD / Affinity Suite 等软件高度整合，无论缩放级别如何，PixelSnap 都会显示实际的尺寸。