>

How can I measure Adobe XD layer sizes and distances in density/device independent pixel (dp)?

Click Share in the upper right corner, select Share for development and open the link.

Select an element or a line of text in the design, and view its height and width co-ordinates. Use the drop-down list to change the measurement units to dp.

Please note, that it’s currently not possible to multi-select layers while measuring in the Design specs view of Adobe XD. But there is a way - see below.


Would you like to update this article? Please contact us at team@avocode.com

Get 3 pro-tips to export image assets faster

Do you want to export image assets from design files without design tools? Or turn layer styles to code just by clicking? We put together 3 tips to speed up your work.

 

By subscribing, you agree to receive emails about Avocode content, updates and offers. You can unsubscribe any time.

Learn more

Need to measure sizes and distances without Adobe XD? Try Avocode

No need to buy or install Adobe XD. Open and export assets from layered Adobe XD designs on macOS, Windows, Linux or in the browser with Avocode.

Open your design and make sure that you have dp set as Measure tool units (default for Android projects). You can change the units in Design settings/Interface.

Choose the Measure tool (press R key) and click on layers to find out their precise size. If you hover your mouse to other layers, you'll get lines telling you precise distances.

You can also select multiple layers by dragging your mouse over them and then again find the size and distances to other layers. All measurements will show up on the design canvas as weel as in the Styles and Code panel in the sidebar.

Measure distances between Adobe XD layers in dp

And what else is Avocode good for?

  • Measure sizes and distances in pt, px, dp, or rem.
  • Turn layer styles into CSS, iOS or Android code.
  • Export layers as a JPEG, PNG, WebP, SVG.
  • Measure sizes and distances in px, pt, dp, and rem.
  • Handpick colors in HEX, HEX8, RGBa, HSLa, and UIColor code formats.
  • Invite others to collaborate on your design and development projects.
  • 14-day free trial, cancel anytime.

Get started with Avocode

Start with 14-day free trial.