How do you mask an image in Adobe XD?

Masking is used to hide an image and show only some of its parts.

As an example, think about circular avatar image - this is usually assembled using image and applying circular mask to this image. When this is done, all the parts of the image that are outside of the masking circle become hidden and only the part that is within the circle remains visible.

Masking can be done using one of the following ways:

Drag and drop - Draw a shape on the artboard, then go to file explorer, drag some image file and drop it onto the shape. The image will be automatically imported and the shape will became its mask. If you want to change the position of the image within a mask, just doubleclick the image and reposition the image.

Boolean operations - Intersect - Select the shape that should be used as a mask and move it on top of an image that is to be masked. Now select both image and shape by holding Control and clicking on both items and then click on the Intersect button or press Ctrl + Alt + I.