Skip to main content

Feature Request: Image alignment tools

  • October 13, 2021
  • 2 replies
  • 713 views

Steve_Silvas

I often have layouts where images of varying size need to be placed within a uniform bounding box that establishes max width/height. Using the “fit” method when inserting images resizes the image as needed, but only places it centered within that box. However, I often need to keep that image flush-left.

In HTML/CSS, I’d just place the image in a fixed height

and align it left within the bounding box, however there doesn’t seem to be a good way to do this easily in Figma yet. I could do a workaround with an image inserted within a nested component, but that solution doesn’t scale as part of a design library.

It would be great if we had more options to set image handling within bounding boxes for common issues like this. There’s a great article from 2019 by Андрей Насонов over on the UX Planet Medium feed that has many more excellent examples. Article is titled How can we improve the Image tool in Figma? (Concept) (Sorry, can’t post links in these forums).

Would LOVE to have this kind of flexibility for image handling.

This topic has been closed for comments

2 replies

Steve11
  • 2 replies
  • November 10, 2021

I just ran into this issue, would also love to see this feature implemented. Right now it’s center-aligned or nothing but we really need the ability to align “fitted” images anywhere.


  • 0 replies
  • December 10, 2021

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


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