Prepping tab bar assets / icons

Forum|Forum|7 years ago
September 2, 2018
4 replies
567 views

Hi!

Question:
From what I understand, XD defaults to 1x. Does that mean when I'm prepping assets/icons for my developer that I need to provide versions that are 2x and 3x larger?

For instance, I'm working off a iPhone 8 Plus template and the icons I'm creating are around 25 pixels (length and width). Does this mean I need to provide a 50 px and a 75 px version when handing off to the developer?

Thanks for the help!

This topic has been closed for replies.

Correct answer marliton

Hi. By default, when you import images to XD, these images arrive at a half of the original size, so, you can export without problem to 1x and 2x. If you want to export the images, for example up to 4x, your images need to be prepared to 400% for ensuring to have enough resolution for 1x, 2x, 3x and 4x.

If you are working with vectors you don't need worried about anything, just draw or import the vectors and export to any scale.

billh45562497Author

Participating Frequently

Thanks Elaine!

elainecc

Participating Frequently

You might want to check out this article I wrote on exporting for developers: https://medium.com/thinking-design/protip-exporting-assets-in-adobe-xd-c586996de703

-Elaine

marliton

Correct answer

Community Expert

Hi. By default, when you import images to XD, these images arrive at a half of the original size, so, you can export without problem to 1x and 2x. If you want to export the images, for example up to 4x, your images need to be prepared to 400% for ensuring to have enough resolution for 1x, 2x, 3x and 4x.

If you are working with vectors you don't need worried about anything, just draw or import the vectors and export to any scale.

Marlon Ceballos