For more information on any of the tools shown below, be sure to check xScope's Help menu.
xScope's Mirror tool constantly displays the contents of a specific Mac window, an image file or the clipboard on your iOS device. As you work on a Photoshop document or the iOS Simulator, what you see on your Mac is mirrored instantly onto the iPhone, iPod touch or iPad screen. Mirrored windows can be nudged and locked so that they always display on iOS even when re-positioned or placed under other windows. Mirrored files and the clipboard are transferred to the device every time they are updated.
In addition, when mirroring a Mac window on iOS there is no chrome to get in your way or repetitive save actions to perform. The Mirror tool requires a companion app that can be downloaded from the App Store.
Back to top
Learn the dimensions of anything on your screen simply by hovering your mouse cursor over the element to be measured. Dimensions works great to find measurements and aspect ratios on photographs, buttons, interface elements, gradient fields and more. You can also use special hot keys to take a screen shot or create a frame for future reference.
Back to top
xScope’s rulers can be used to measure any on-screen element, including the distance and angles between objects. Holding down the Control key while dragging the ruler near an on-screen object causes the edges and ends of the ruler to “snap” into place, making measuring quick and easy. Additionally, the Ruler tool includes calipers which can be toggled on or off and used for outside measurements.
Back to top
Have you ever wondered how your design will look on an iPhone screen? Or how much content area is available in IE 9 running on Windows Vista? xScope’s Screens tool helps you answer those questions without having to move your work onto other platforms. Content overlays from dozens of platform templates let you see if a design element falls within your usable screen area quickly and easily.
The Screens tool also helps with is accessibility testing. By default, the Screens tool shows how a screen looks to a user without eyesight problems, but you can quickly change the popup menu from Normal Vision to simulate a variety of vision defects. Each of the defects is shown with its scientific name and a rough percentage of the population affected by the problem.
Back to top
Designing for the screen demands a tool that lets you precisely magnify and inspect your work. The Loupe follows your mouse as you move it on screen, updating the popup with the color value underneath the pointer and giving you a close-up look at your designs. You can quickly change the color format that’s displayed, sample and save colors for later reference or even simulate common user vision problems.
Back to top
Good design requires proper alignment and the Guides tool give you everything you need to align objects effectively. Guides allows you to place vertical and horizontal guides that float above everything else that are completely independent from the applications you are using. Guides can be linked and moved together and even report the distances between each other to help you get the most out of your work.
Back to top
The Frames tool is ideal for tasks where you are working with areas: creating a user interface in a fixed window size, visualizing a CSS box definition, or any other measurement that requires an origin (x,y) and size (width, height.) Like Guides, Frames float above all other on-screen elements and can be moved independently or in groups according to your layouts. You can also save the contents of a frame as a screenshot, learn its aspect ratio, adjust it according to a grid and more.
Back to top
This is a simple tool that helps you locate and align points on screen. By default, the Crosshair reports positions relative to the upper left-hand corner of the screen. You can, however, set any point as the origin—this allows you to get positions that are relative to an arbitrary point on the screen.
Back to top