Skip to main content

What is image masking

When an image is masked with a layer, Figma creates a mask object in the layer hierarchy that includes both the mask shape and the layers being masked.
Incorrect masks cause broken layouts during import. Rocket relies on the mask hierarchy to determine which parts of an image to render.

Best practices

  • All inner layers used for masking must remain under the mask object.
  • Group these inner layers properly so only the intended images are included.
  • Perform masking with a single group that contains all masked layers.
Example of image masking in Figma

Back to guidelines

See all design guidelines for preparing your Figma files.