PixelSnap 是一款 Mac 上的小工具,他可以帮助你快速测量屏幕上元素的尺寸、间距,可以说是设计师必备工具了。

目前 PixelSnap 的最新版本为 2,所以官网也称之为 PixelSnap 2。PixelSnap 2 是重新开发的,速度相较于第一版有了很大提升,并且使用体验也优化了很多。

PixelSnap 2 可以测量屏幕上任意 App 或者网页上的元素的尺寸、间距,可以随时随地使用它。

测量间距

你只需要移动鼠标,PixelSnap 2 会自动识别并测量元素间距,你还可以让这个数值保持在屏幕上,或者复制到剪切板。

Jun-26-2019 21-45-39.gif

测量元素尺寸

只需要用鼠标拖一个框框住目标元素,PixelSnap 2 就能自动识别出里面的元素,并显示尺寸。你还可以试试一次框住多个元素,也是可以测量出来的。

Jun-26-2019 21-47-51.gif

添加参考线

想要知道元素是否对齐?没问题,只需要用 PixelSnap 2 拉出参考线,他就能自动贴合元素边缘,并显示参考线之间的距离。

Jun-26-2019 21-48-38.gif

标注并截图

你还可以将截取的画面生成截图,它会把标注信息带在上面(可以和 CleanShot 结合使用)。

Jun-26-2019 21-49-11.gif

PixelSnap 2 还可以自动识别所有元素是否对齐,还可以调节容差以在不同深浅环境下工作。此外它还支持快捷键和 Touch Bar,以及和 Sketch、Adobe XD 等设计软件整合。

PixelSnap 2 目前不支持免费使用,但支持 30 天内退款。