​
What is image masking

When an image is masked with a layer, a mask object is created in the design hierarchy.
This object includes the mask and the related layers used for masking.
Icons should be designed using vectors, not PNGs.

​
Best practices for masking

  • All inner layers used for masking should remain under the mask object.
  • Group these inner layers properly so only the intended images are included.
  • Perform masking with a single group containing its masked object.
Masking should always be done with one group that includes the masked object.
Example of image masking in Figma

Example of image masking in Figma

Why this helps Rocket

Proper masking ensures that your images import cleanly, avoids design issues, and keeps your layout consistent with your Figma file.
Need help? We’re here for you.
Email us at support@rocket.new or join our Discord community to get help, share ideas, and connect with other creators.