Skip to main content
Philip_O_Flynn
February 1, 2023
Solved

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

  • February 1, 2023
  • 2 replies
  • 1180 views

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

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
This topic has been closed for replies.
Best answer by tank666

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.

2 replies

tank666
tank666Answer
February 1, 2023

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.
UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
Philip_O_Flynn
February 1, 2023

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