New Participant

LAUNCHED: True Aspect Ratio Lock

Forum|Forum|5 years ago
January 23, 2021
214 replies
31503 views

Can we get a true aspect ratio lock when the ‘Constrain Proportions’ is on? WX20210123-114719@2x A true aspect ratio lock means two things:

When dragging on a node with ‘constrain proportions’, its width and height always stay in their original ratio no matter which direction you drag it.
When resizing on the parent of a node with ‘constrain proportions’ that happens to be constrained, the node takes on the smallest of its supposed width and height, and calculates its ratio accordingly.

This would be so very helpful to polygon shapes that want to stay in that shape. Consider a spider chart. When you resize its parent, you don’t want the ‘spider net’ to squish squash; neither will you want a doughnut to turn into an oval.

*Resizing of the node’s parent layer is inevitable if you need responsive designs.

Share an idea

Pinned Reply By Celine_

Hey everyone, thanks for your patience! It’s fully rolled out now!

You can now lock the aspect ratio of almost any object in Figma – including frames, shapes, images, videos, vectors, and text – so that the proportions of that object are respected as you scale the object or its parent container.

More info in the release notes here.

Show previous replies

Matus_Hatala

It’d be great if there was a toggle I could check that would keep the same aspect ratio for a component inside auto layout. Meaning if the width changes, so does the height while keeping the same aspect ratio.

Mr.BiscuitAuthor

New Participant

Hi everyone, I’ve made a tutorial on how to achieve true aspect lock with just 1 AL Frame, I discovered it two months back and have put it to the test, it works perfectly, 100% bug-free, → Check it out ←

Constantine_Zuev

It is not “true aspect” lock. I see it still crops or lets background to be seen at some aspect ratios. Am I doing it wrong? Also almost always brakes if you make it a component.

Mr.BiscuitAuthor

New Participant

Okay, It is the closest to true aspect lock Figma lets you achieve, let’s put it that way, and for your second question, I haven’t shared publicly how this works on components, but it is quite easy and works the same way, it just needs one bit of additional work. But let me provide some context:

Olivier_Bubendorff

New Member

Totally agree! 👍

wgo

Active Member

Yes, please Figma-Team, can we have the aspect-ratio-lock behave like the OP suggested? As much as I love all the smart little details in Figma, this current behavior is an absolute strange oddity within all design software out there. Probably every other app does this right(er) than Figma.

When the lock is closed, the aspect ratio of an element should stay the same, no matter from which side or how it is scaled. When in an AL container and set to “Fill container”, the last chosen setting (horizontal or vertical) overrules any other setting. But elements should not be distorted when the lock is closed.

This seems so basic and after 1½ years of using Figma I still can’t figure out why you did it the way it is. And this can’t be that hard to implement, right? So Fimga-Team members, if you are reading this, please reconsider this thing and make it one of the smart details. I even give you all my thank-yous in advance… 😎

Dario_Stefanutto

New Participant

This is a missing feature to make truly responsive designs. A lot of websites and apps have a page with a grid of thumbnails with fixed aspect ratio. Currently there is no way to have these thumbnails keep their aspect ratio with auto layout, so the only way to do so is by using some tricks like this: https://www.figma.com/community/file/873125264217713781/Fixed-aspect-ratio-in-Figma-Auto-Layout