xScope 4

Developer: The Iconfactory

Current Version: 4.3

Last Updated: 10 months ago

Download Size: 28.5 MB - Download


Created specifically for designers & developers, xScope is a powerful set of tools that are ideal for measuring, inspecting & testing on-screen graphics and layouts. xScope’s tools float above your desktop windows and can be accessed via a toolbar, menubar and/or hot keys.

The ten tools that will help you do your job faster and more accurately include:

• Mirror
- Remote Viewing – Easily view Photoshop, files or windows on your iOS device, AirPlay, or your wrist.
- Templates - Automatically shows icon or wallpaper mockup on iOS
- Chromeless UI – No overlaid chrome to get in the way while you work
- Security – Toggle user authentication requests on/off via Preferences
- Download the xScope Mirror App for iOS at http://xscopeapp.com/ios

• Text - New!
- Powerful Search – For name or tag in any of the 100,000+ Unicode characters
- Decipher Text – Deciphers text entities, encodings, constants, and more!
- Convert Format – Output text as a string, entities, URL encoding, and more!
- Measure Glyphs – Shows line, character or web layout: including font metrics & CSS
- Character Palette – A handy place to collect commonly used Unicode characters

• Dimensions
- Find the dimensions of anything on screen instantly
- Find distance between objects quickly & easily
- Create screen shots of any measured element

• Rulers
- Powerful on-screen rulers for pixel measurements
- Two rulers with synchronization for easy on-screen comparison
- Hold down control to snap to edges of onscreen content
- Fully adjustable horizontal & vertical lengths
- Full 360 degree rotation range
- Displays deltas for rotated rulers

• Overlay - New!
- Enhances Your Web Browser – Attaches to window to make development easier
- Alignment Marks – Check positioning & distances in px/em/pt and percentages
- Mockup Image – A transparent design comp over your HTML and CSS code
- Grids with Breakpoints – Grid systems that stay in sync with your media queries
- Cycle Breakpoints – Quickly check your design at all sizes used in your CSS
- Full-page Screenshot – Get a picture of your whole web page
- Works with iOS Simulator – Great for testing in Safari or developing native apps

• Screens
- Easily see the usable real estate for any screen size
- Organized by platform including iOS, Android, Mac, Windows & TV
- Pre-defined screen templates or create your own
- Displays title and game safe areas for 4:3 and 16:9 aspect ratio TVs.
- Simulate user vision problems including color blindness & presbyopia (old age)
- De-retinizer to simulate normal display when using Retina display
- Define custom area settings for any OS or browser

• Loupe
- Magnify any portion of the screen under your mouse
- Displays color under your cursor in RGB, HSB, HEX, CSS3 rgb() & HTML
- Quick measurement of magnified image using Dimensions
- Reference color format: work with a hex color while viewing RGB format
- Collect a running list of color swatches with Shift-Cmd-C
- Save out or import .ACO color swatch files for easy reference
- Simulate user vision problems including color blindness & presbyopia (old age)
- Displays co-ordinates of mouse cursor for reference
- The content of the window or the mouse position can be locked

• Guides
- Vertical & horizontal guides that float on top of all else on the screen
- Displays guide position in pixels when placed
- Displays distance between guides in pixels
- Save & load guide positions for later reference
- Supports multiple monitors

• Frames
- Adjustable marker boxes float on top of the screen
- Hold down control to snap to edges of onscreen content
- Cmd-Shift-5 to shrink a selection around on screen content & create a frame
- Display preset grids to help compose frame layouts
- Create, move, duplicate & edit frames at will
- Save & load frame positions for later reference

• Crosshair
- Reports the coordinate position of the mouse cursor
- Change origin from the upper-left (design work) to lower-left (development work)


Release Notes:


• Full compatibility with macOS Sierra
• Guides have a new preference setting to keep the text on the indicators aligned
• Measurement units or Guides and Frames display can be set with Dock menu


• Guides and Frames no longer appear after you launch the app
• Ruler settings are now restored correctly so they won't get tiny anymore
• Fixed an problem with Dimensions working on complex backgrounds
• The Overlay works with the iOS Simulator window again
• Screenshots taken by xScope now include a color profile for the display


Most Helpful Reviews

Version 4.0
Review by gfiumara

New tools for an already great app - If you've used xScope before, you know that it can be invaluable. I don't use it all the time, but when I do use it, I use the bejesus out of it. The new version doesn't disappoint. I'm happy to buy this new version to ensure it continues to work on future OS updates. Two quick notes about the two major new features: * The new text tool prevents me from ever having to google "hex value for ." The presets for different types of development are handy. * Overlay tool is kind of magical. It's like having a little integrated xScope environment within xScope. I can see this tool is going to be come much more powerful over the next few maintenance release (at least I hope so). Oh, and by the way, you don't need to be a hipster west coast iOS designer to use this. I've been using xScope to help layout academic papers written in LaTeX for the past year or so. My coworkers think I'm crazy, but my papers look darn good.

Found helpful by 19 out of 23 people
Version 4.1
Review by Perspicacious

very buggy; features do not work; hard crashed my mac - I have not had any software hard crash my computer like this in years. Avoid it at all costs. I almost lost hours and hours of work, but fortunately had saved just before installing xscope. The program is a complete mess. The idea is good, but that doesn’t make up for the horrible operation. The overlay feature is a joke. It doesn’t work. It complains that a normally sized browser window is too large, and it wants you to resize it down to a tiny square. That means that the overlay has to be placed on a completely useless, tiny web page. It’s idiotic. The auto-measure feature is very glitchy. It has a really hard time figuring out the boundary of the image you’re trying to measure. It would be much more useful if it had intuitive manual controls. The on-screen help is also very badly designed. It was nearly impossible to understand the installation instructions for the overlay feature. The help screen also opens unexpectedly and blocks what you’re working on. How am I supposed to measure things on my screen with the “help” screen covering 2/3 of it? The installation of the dysfunctional overlay feature is a complete kludge. You have to open Security and Privacy settings and give the program control over operations of the computer! You’re breaking the sandboxing that is a key security mechanism on the Mac, and this is likely why the crash of xscope brought down the entire computer. Avoid this thing unless you enjoy losing data, corrupting your storage, and wasting a lot of time.

Found helpful by 2 out of 7 people

More Reviews for Current Version

Version 4.3
Review by Bikrrr

Nice set of tools but expensive - Overall xScope is well done and offers some useful tools for designers. But $50 is a bit steep for what you get. While it includes 10 different tools, many are being incorporated into modern design apps. The one tool I use regularly, rulers, doesn’t let you measure below 9 pixels. Hard to pay this price for a utility when full-featured design apps like Affinity Designer only costs $40.

Found helpful by 1 out of 1 people