LAUNCHED: True Aspect Ratio Lock

I’m trying to make a video player component with some variant for aspect ration and I’m frustrated by the fact that instances don’t have and option to:

• Edit constraints on instances
• Chain H and W when instances is set to: Fill, HUG or FIX

Adding any of those would fix the issue but so would including a “Fit” option the the size drop downs.

While this is true for regular frames and auto layouts it definitly does’t work with component instances as the button does not even appear in the UI for those.

please implement such a feature!

Yes, please consider this, @Figma. Now with Auto-Layout getting even more useful with each update, why do we still have to use weird components for simply having a dynamically scaling image with a true aspect ratio lock. And the components even provide only a certain number of fixed ratios… I mean, yeah, it works and I like clever engineering, but you could also simplify this whole thing a lot, couldn’t you? 8-)…

Ugh seriously come on Figma!!! I am trying to make a video player component and the video thumbnail needs to stay the same proportion when resized. I cannot for the life of me find a way to do this.

For a while now to support a responsive layout grid, we’ve had to make image components with 1 variant for every width of column spans across the breakpoints we target. Since we’ve settled on 4 ratios for images and videos, this demands A LOT of variants that are the same thing repeated.

If however, we could utilize true fixed ratios with variables and min-max settings—these could be reduced to single components. Actually with enough variables they could even be one component. Situations like hero images could benefit from ratios switching at different container widths.

Also, ratio lock could be especially useful if it could be defined like 2:1 and 16:9 in addition to being arbitrary.

Adding a comment to keep this thread alive. Been asking for this update for… years. This is such a common design paradigm, I’m unclear on why this hasn’t been added yet. Hopefully soon!

Please make this happen 🙏 🙏 🙏 I was as surprised as everyone that there is no ability to lock a frame’s aspect ratio once the rollout for min/max attribute was added. I have a navigation component that is used across various brands. The logo image component must be variable with maximum width and height restrictions. A square 1:1 logo image component that’s larger than a frame’s maximum height either exceeds that frames height or is clipped depending on if I switch the frame’s autolayout from Fill to Hug. I can’t do anything to make it scale proportionally except for detaching the navigation component itself, which is not ideal since all brands will the the same navigation component… 😭

Agreed completely. Coming from Adobe XD, the way it worked there was a no-brainer. Figma is a great and powerful tool, but quite often, the UX is so poor, with so many bizarre and unintuitive choices that puzzle users greatly, like this case - when I lock proportions, I expect this to work universally, not expecting it to only work for manual number entries - in no way this is a clear expectation.

Beside a tricky workaround called : “Fixed aspect ratio in Figma Auto Layout (Community)”. There’s no actual way to implement a proportional image (auto-layout, artboard) resize while keeping the object aspect ratio.

It would be nice to add on top of “hug”, “fill”, “fixed” a proportional version of fill with constrained aspect ratio.

This would ease design implementation and limit the number of needed components to deliver all the different size variations. I know, it’s been posted already a while back and many times.

It also makes sense on a development point of view, as we use these techniques all the time on actual websites.