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.

Measurements

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.

Styles

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?