How can I measure Adobe XD layer sizes and distances in root em (rem)?
Adobe XD currently doesn't offer an option to measure distances in rem (only pt, px, and dp). But there is a way how to do it with Avocode - see below.
Would you like to update this article? Please contact us at team@avocode.com
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 rem set as measurement tool units. 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 well as in the Styles and Code panel in the sidebar.
Measure distances between Adobe XD layers in rem
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.