Skip to main content
Solved

How can I customize separate mask content used in components?

  • February 22, 2021
  • 2 replies
  • 339 views

Caspar

Hi, newbie question, probably…

I have made a component which includes a masked photo, and used this component multiple times.
Now when I want to use a different photo in one of these components, I can’t seem to move/crop the photo in the mask.
Only when I move/crop the photo in the original component.

How can I change (move, crop. etc) the different photos in the different components?

Thanks for helping me out!

Best, Caspar

Best answer by Gleb

Don’t use a mask for this, use the crop mode of the image. https://help.figma.com/hc/en-us/articles/360040675194-Crop-an-image-

View original
This topic has been closed for comments

2 replies

Gleb
  • Power Member
  • 4706 replies
  • Answer
  • February 22, 2021

Don’t use a mask for this, use the crop mode of the image. https://help.figma.com/hc/en-us/articles/360040675194-Crop-an-image-


iknowbryan

The crop method works for changing the placement of the image within the bounding rectangle. But this introduces the issue with the image getting distorted on frame resize when the image is in crop mode. Any way around this?

-=b=-


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings