figma · HeyBraza shows you
how to mask an image in figma
HeyBraza points at 'use as mask' and the layer order so your photo clips into the shape on the first try.
masking clips an image into the outline of a shape - a circle avatar, a rounded card, any silhouette. the catch is layer order and the 'use as mask' toggle: get either wrong and nothing happens. here's the order that works.
short answer
the mask shape has to sit *below* the image in the layers list. put your shape underneath, select both, and press ctrl/cmd+alt+m (or right-click > 'use as mask'), then double-click in to reposition the photo inside it.
or do it yourself
- 1draw the shape you want as the window (circle, rectangle, anything).
- 2place your image on top of that shape - the mask shape must sit below the image in the layers list.
- 3select both the shape and the image.
- 4right-click → 'use as mask' (or press ctrl/cmd + alt + m).
- 5the image is now clipped to the shape; double-click in to reposition the photo inside it.
steps last checked
let HeyBraza do this with you
HeyBraza teaches you software while you're using it. hold a key and ask out loud - an ai tutor that sees your screen walks you through every step in real time, pointing and highlighting on your real work, talking you through it as it goes - not someone else's tutorial.
downloadcommon questions
why is my mask hiding everything in figma?
your layer order is flipped - the mask shape must be below the content it masks. drag the shape underneath the image, then re-apply.
how do i move the image inside the mask?
double-click into the masked group to select the image, then drag it to reframe what shows through.
