Your Design Debugger
Design files are becoming more and more complex. Xray is a plugin that helps you find the small errors and produce more consistent designs.
How to debug a design
Select and scan.
Inspect a set of elements, Artboards or just scan the whole document.
Xray vision on.
All elements get listed and sorted by object type (Rectangles, Artboards, Groups, etc.), their properties and their values.
Now you have Xray vision into your designs.
Compare and find errors.
Now you can spot the differences. Find all elements with a wrong corner radius. Or the wrong font. Or anything else.
Multi-select and change.
Select multiple elements with the same values (e.g. font style semi bold). Change them in one step.
Relax and handoff to developers with confidence.
How It Works
Scan several objects. Find the wrong corner radius and fix it.
Why Xray
Better Quality
Design files get more and more complex. Achieve consistency while keeping everyone’s sanity.
Find and fix
Corner radius, font style or color: find the small errors. Replace and correct multiple objects with a click.
Handoff with confidence
Make your developers happy with more consistent designs. Less errors, less communication, more focus.
Use Cases
Multi select
Select multiple objects by same values
Colors
Check used colors
Component instances
Find all instances of a component
Replace fonts
Find wrong fonts and styles and replace them
Marked for export
Overview of all objects that are marked for export
Many more ...
Corner radius
Checked all used radii values
Main components
Find and organise main components
Many more ...
More than 60 properties
Artboards
- Width
- Height
- Scrolling
- Fill enabled
- Fill
- Is Home Artboard
- Responsive Resize
- Marked for Export
General
- Visible
- Opacity
- Rotation
- Marked for Export
- Fixed when scrolling
Components
- Overview
(sorted by main components and instances) - Grouped
(grouped by main component)
Graphic Nodes
- Fill Enabled
- Fill
- Border Enabled
- Border
- Border Width
- Border Position
- Border End Caps
- Border Joins
- Dash / Gap
- Shadow
- Blur
Groups
- Responsive Layout
- Mask
Boolean Groups
- Path Operation
Scrolling Groups
- Scrolling Type
Text
- Multiple Styles
- Font Family
- Font Size
- Font Style
- Character Spacing
- Line Spacing
- Paragraph Spacing
- Text Align
- Textbox Type
- Clipped Text
- Uppercase, Lowercase, Title Case
- Superscript, Subscript
- Underline
- Strikethrough
- Fill
Repeat Grids
- Width
- Height
- Columns
- Rows
- Padding X
- Padding Y
- Cell Size
Rectangles
- Width
- Height
- Has Rounded Corners
- Corner Radius
Ellipses
- Width
- Height
- Radius X
- Radius Y
- is Circle
Polygons
- Width
- Height
- Corners
- Has Rounded Corners
- Corner Radius
- Star Ratio
Lines
- Length
- Start
- End
Get it now. For free.