figma · braza shows you
how to mask an image in figma
braza 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.
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.
let braza do this with you
braza is a tiny on-screen guide that points at the right buttons and talks you through it, on windows and mac.
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.