About
xScope — designed specifically for designers and developers.The application offers a powerful suite of ten configurable tools, perfectly suited for measuring, inspecting, and testing on-screen graphics and various layouts.
xScope's tools can be accessed via a floating toolbar positioned above the desktop, the menu bar, and/or keyboard shortcuts.
The ten tools that will help you perform your work faster and more accurately include:
• Mirror
- Remote Viewing — easily preview Photoshop documents, files, or windows on an iOS device, via AirPlay, or on your wrist.
- Templates — automatically displays icon or wallpaper layouts for iOS.
- Chrome-free UI — no interface chrome to get in your way while you work.
- Security — toggle user authentication prompts on or off in the settings.
- Download the xScope Mirror app for iOS at https://xscopeapp.com/ios.
• Text
- Powerful Search — search by name or tag for any of over 100,000 Unicode characters.
- Decode Text — decodes text objects, encodings, constants, and much more!
- Format Conversion — output text as a string, HTML entities, URL encoding, etc.!
- Glyph Metrics — display metrics for a string, character, or web layout, including font and CSS metrics.
- Character Palette — a convenient place to collect your frequently used Unicode characters.
• Dimensions
- Instantly find the dimensions of anything on the screen.
- Quickly and easily measure the distance between objects.
- Capture screenshots of any measured element.
• Rulers
- Powerful on-screen rulers for pixel-perfect measurement.
- Two synchronized rulers for convenient on-screen comparisons.
- Hold the Control key to snap to the edges of on-screen content.
- Fully adjustable horizontal and vertical length
- Full 360-degree rotation range
- Displays deltas for rotated rulers
• Overlay
- Enhances your web browser—attaches to the window to simplify development
- Alignment Guides—Verify positioning and spacing in pixels, ems, pts, and percentages
- Mockup Image—Overlay a transparent design directly on top of your HTML and CSS code
- Breakpoint Grids—Grid systems that synchronize with your media queries
- Breakpoint Loop—Quickly test your design across all screen sizes defined in your CSS
- Full-Page Screenshot—Capture an image of your entire web page
- Works with iOS Simulator—Ideal for testing in Safari or developing native apps
• Screens
- Easily visualize the usable screen area for any display size
- Organized by platform, including iOS, Android, Mac, Windows, and TV
- Choose from preset screen templates or create your own custom profiles
- Display "safe areas" for titles and games on 4:3 and 16:9 TV aspect ratios
- Simulate various vision impairments, including color blindness and presbyopia (age-related vision loss)
- De-Retinizer—Simulate standard display rendering while using a Retina display
- Define custom screen area settings for any OS or browser environment
• Loupe
- Magnify any part of the screen directly beneath your cursor
- Displays the color under the cursor in RGB, HSB, HEX, CSS3 `rgb()`, and HTML formats
- Quickly measure dimensions within the magnified view
- Reference Color Format—Work with HEX values while viewing the RGB representation
- Build a real-time list of color swatches using Shift-Cmd-C
- Save or import .ACO color swatch files for easy reuse
- Simulates user vision impairments, including color blindness and presbyopia (age-related vision loss)
- Displays mouse cursor coordinates for reference
- Window contents or mouse position can be locked
• Guides
- Vertical and horizontal guides that float above everything else on the screen
- Displays the guide's position in pixels while placing it
- Displays the distance between guides in pixels
- Save and load guide positions for future use
- Supports multiple monitors
• Frames
- Adjustable marker fields that float at the top of the screen
- Hold the Control key to snap to the edges of screen content
- Press Cmd-Shift-5 to reduce the selection area around screen content and create a frame
- Display preset grids to facilitate frame layout
- Create, move, duplicate, and edit frames as desired
- Save and load frame positions for future use
• Crosshair
- Reports the coordinates of the mouse cursor's position
- Change the origin point from top-left (design work) to bottom-left (development)