xScope 4 at Mac App Store analyse

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)

Latest version xScope 4: 4.7.1

NEW FEATURES

• Added color space warnings in Loupe:
- A warning icon is placed over the color sample
- A short message is displayed next to the formatted color name
- Invalid color values are displayed with an exclamation mark (!)
- If you sample an on-screen color that cant be displayed correctly in the current color space, an "Out of gamut" warning is displayed
- For example, if you set the Loupe to display hex colors while working in sRGB, and sample a bright red on a Display P3 image
- If you use an output format that is incompatible with the current color space, a "Format unavailable" warning is displayed
- For example, if you use hex colors while working in a Display P3 color space
- Can be disabled in Loupe settings


IMPROVEMENTS

• Added "color(display-p3)" web color as an output format
• Developer formats, such as UIColor in Swift, now include a color space when copied to the clipboard
• Added 33% and 66% scaling factors in Overlay (for @3x screenshots)


BUG FIXES

• Loupe can magnify Guides, Frames, and Rulers again
• Fixed issues with Display P3 images appearing incorrectly in Loupe
• Fixed vision simulations when using Display P3 images
• Fixed the output of some color values on Display P3 screens
• Fixed UI redraw problems with Overlay and Loupe on Sonoma
• Fixed the minimum system version check when updating with Sparkle

Apps Changes History:

• 3 months ago: New App Version 4.6 ☛ 4.7.1

Pixel perfect!

• ★★★★★   Tiago Bastos 10 years ago ( v 4.0 )

Ótima app que uso pra medir tudo quando estou implementando um design! Todo dev/designer deve ter!

Great

• ★★★★★   Viktor Lexington 10 years ago ( v 4.0 )

Great update. Fair price. A very good app for designers. Pixel perfect designs are even more important with the flat UI wave. This tool helps to align everything without leaving your desired Browser/IDE. The mirroring on the iOS Device is working and easily set up.

Essential

• ★★★★★   Apps&Music 10 years ago ( v 4.1 )

This is an absolutely essential tool for any one doing work in design or development. Just the guides and rules justify the cost, but there’s so much more depth to this app like mirroring part of your screen to an iOS device, the new text tool, the loop with many handy color copying options and many other amazing features. Probably the only criticism is that it’s hard to remember all its features as there are so many.

Don’t develop without it

• ★★★★★   ElGrowZone 10 years ago ( v 4.1 )

xScope gehört auf jede Entwickler- und Designermaschine. So einfach ist das.

Fixed the Loupe + Guide use

• ★★★★★   .. . 10 years ago ( v 4.1 )

I used Xscope3 daily to place guides above mock artwork and to then use the loupe to compare with the iOS simulator and make sure that everything was retina-pixel perfect. Sadly, the first version of this new Xscope wouldn’t let me see placed guides within the loupe. This was a very frustrating design decision/defect that kept me from using Xscope 4. (Thankfully I could still use Xscope 3.) As of today the loupe can now see placed guides! Thanks to The Iconfactory for making this version usable in my most common use case. I can now fully (⭐️⭐️⭐️⭐️⭐️) recommend it for all developers who need to match implemation to design mockups.

Must have tool

• ★★★★★   Dr Tickles 10 years ago ( v 4.1 )

If you want to be a pixel perfect dev you need this tool. Fantastic, and they listen to you when you give feedback!

Essential

• ★★★★★   Stormchild 10 years ago ( v 4.1 )

I use this all day, every day.

Read more App Reviews