Check the sizes of existing designs faster than you ever thought possible.

The Dimensions tool works by sending out "laser beams" that analyze the pixels underneath the mouse cursor. If a solid block of color is detected, surrounding pixels are checked until a different color is found. This mode works very well on layouts that are based on solid colors.

For layouts that use photos and other elements with a large variety of colors, the tool looks for a boundary that uses similar colors. Since most photos are surrounded by some kind of border, this technique works well for detecting the edge.

All other layouts use a custom algorithm that simulates human vision. In this mode, every pixel is analyzed against the neighboring pixels. If there is a perceptual change with respect to surrounding pixels, it's considered an edge.

Adjusting Sensitivity

As mentioned above, xScope detects three types of screen elements: solid colors, gradients and semi-transparent materials, and photos. Each type can be adjusted in Settings.

Three sample images are built-in and can be displayed with the Solid Color, Gradient, and Photo buttons. The Sample Screen button can be used create a sample using a part of your own design.

After selecting a sample, you can click anywhere in the image and the Dimensions beams are displayed at that point. The sensitivity of each of the three types of elements can be adjusted using the slider control: the default value is in the center between Low and High.

Note that every sample can contain more than one type of detected element. The currently detected type is displayed in a label below the slider and with an arrow next to the buttons.

If you need to know the aspect ratio of a measurement, you can enable Display Aspect Ratio under Dimensions in the menubar.

Once you have made a measurement with the laser beam, you can create a frame or guides with the current measurement, use ⇧⌘0 or ⇧⌘8. The global hot key ⇧⌘7 can also be used to take a screen shot.

Hot Key Setup

The default hot keys were chosen for their similarity to the hot keys used to take screen shots in macOS. All of the keys mentioned above can be in xScope's preferences.