Seite wählen

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.

Get the latest news
Sign up for our newsletter and stay up-to-date

We value your privacy. Our newsletter is tracking-free.