The Iconfactory

xScope makes your workflow faster and more efficient:

Tools that can handle any situation.

Select a tool to learn more about it

For more information on any of the tools shown below, be sure to check xScope's Help menu.

Mirror

Effortlessly see your designs and applications on iOS while you work on them from your Mac.

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.

This is especially handy on laptops where screen real estate is at a premium. Lock the Mirror to a frequently used window such as an auto-refreshing browser window or a second view of a Photoshop document, and you can use your iOS device as a secondary display to view it, keeping the actual window in the background to free up space on your laptop's display. 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

Dimensions

Instantly find the dimensions of any on-screen element simply by rolling your mouse cursor over it.

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. Take a look at this video to see how the Dimensions tool works.

Back to top

Rulers

Powerful on-screen rulers for precise pixel measurements that include scaling, rotation, and edge snapping.

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

Screens

Inspect your usable screen real estate with dozens of templates for computers, TV’s and mobile devices.

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

Loupe

Magnify the area under your mouse, copy colors and simulate how they look to users with vision defects.

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

Guides

Display vertical and horizontal guides that float on top of all else on the screen for easy alignment.

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

Frames

Create, layout & adjust custom marker boxes that float on top of other on-screen elements.

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

Crosshair

Quickly and easily locate and align any point visible on the screen.

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