How to Use Mask in Figma
In this article
Masking is one of Figma's most powerful features for creating sophisticated visual effects and precise image cropping. This technique allows you to hide or reveal specific portions of layers using another shape or image as a mask.
Whether you're creating custom image shapes, building complex layouts, or adding creative effects to your designs, understanding how to use masks in Figma will significantly expand your design capabilities and help you achieve professional results.
Here's how to use mask in Figma
- Select the image or shape that will serve as your mask and position it above the layer you want to mask.
- Hold Shift and click to select both the mask layer and the target layer you want to mask.
- Navigate to the Design panel located on the right side of your Figma interface.
- Click the three-dot menu icon (More Options) within the Design panel.
- Select 'Use as Mask' from the dropdown menu to apply the masking effect to your selected layers.
Your turn to show how it works.
Build a walkthrough of your product with Saltfish, then share it with your customers.
Frequently Asked Questions
Yes, you can edit masks in Figma at any time. Simply double-click on the masked group to enter edit mode, where you can adjust the mask shape or modify the masked content. You can also right-click and select 'Remove as Mask' to undo the masking effect.
Figma
