When design is imported and ready to be transferred to responsive design front end developers need to be aware of the distance between the various elements and their styles.


If you want to inspect the distance between an element and its neighbours, you can use the measurement feature in Unite UX Studio.

Design Canvas

  • The distance is measured in pixels.
  • Distance is calculated between the selected element and the element the user hovers over.


All elements' styles calculated in the design tools are transferred to the studio along with the elements' metadata and can be viewed in the Styles box in the right panel. In order to inspect particular element's styles you need to select the element and the Styles box is refreshed with the corresponding styles.

Styles Box

In this article
Not finding the help you need?

Unite UX direction is evolving!

Dear friends, after gaining plenty of great experience and feedback through working with you, our direction evolves to better serve your needs. Our mission to bridge the design to development gap remains unchanged. The way to solve it, though is new. Visit our webpage to meet the new Unite UX: The collaborative design to development UI components builder.

Explore the New Unite UX