Guide
How to Mask in Figma
This guide provides step-by-step instructions on how to apply a mask to elements within Figma. Masking is a powerful feature that allows you to show only certain parts of an image or shape, effectively creating 'windows' through which the background is visible.
Place Elements – Add the image or object you want to mask and the shape (rectangle, circle, etc.) you want to use as the mask.
Position Shape – Place the mask shape above the image or object in the layer panel and align it to the area you want to reveal.
Select Both – Hold Shift and click both the shape and the image to select them together.
Apply Mask – Press Ctrl + Alt + M (Windows) or Cmd + Option + M (Mac) or right-click and choose “Use as Mask”.
Group Automatically – Figma creates a masked group with the shape hiding parts of the image outside it.
Edit Mask – Double-click the mask group to move or resize the image or the mask shape independently.
Unmask if Needed – Right-click the mask group and choose “Remove Mask” to undo.