How can I prevent rotated images increasing the overall size of the components boundary box

Ask the community
1

I have the following frame with a couple of different text boxes, shapes and images within it.

Figma Issue
Figma Issue2433Ă—717 264 KB

As you can see, the boundary box is slightly larger on the right-hand side, which causes issues later when I add it to emails.

The problem seems to be stemming from the fact that the shoe on the right, is rotated, making its boundary box appear wider than it needs to be.

The slight rotation of that image is causing the overall frame boundary box to appear slightly larger.

Is there a best practice that I am not following, or a way to stop this happening?

Thanks

  • Philip
2

You can choose any of these methods:

  1. Wrap the rotated image in a frame with the “Clip content” property checked and set the required dimensions of this frame.
  2. Wrap the rotated image in a group or frame, use the “Rasterize selection” function and crop this image.
1 Like
3

Amazing! Used method 1. Thank you so much for your help!