Why does “Constrain Proportions” do absolutely nothing? Why have this at all if it only works in one limited use case?
I create an SVG. I plop it into my design, and want to scale the parent frame up/down using variables. When I do this, the SVG (which has constrain proportions turned on) ALWAYS gets smooshstretched to fill the parent frame… the exact opposite of what constrain proportions should do. This has been an issue for years, and remains off the radar. Please fix this.
Hi @Joshua_Elek, Thank you for sharing your thoughts about constraints. We truly value feedback from our community.
I want to make sure I understand you correctly—are you referring to constraints within an auto layout frame?
If so, it’s currently not possible to apply constraints to objects within an auto layout frame unless the object has absolute positioning enabled.
Here are a couple of resources that might help clarify this:
Based on the above, I found a couple of discussions that might not be an exact match but could be somewhat related to your idea:
Please feel free to check these out.
If I’ve misunderstood and your feedback is about something else, could you please provide a bit more detail about what you’re referring?
We’d love to understand better! If you can share screenshots or a video recording along with an explanation would be incredibly helpful.
Looking forward to your response, and if anyone from our community has any insights, please do jump in.
Thanks again for your valuable input!
I have an icon component that consists of a frame, with a vector shape (SVG) inside. There are many variants of this component, one for each icon/state/size. Each variant is named something like: “icon=presentation, state=enabled, size=l”. The width and height of the frame is set using variables. When the variable “icon-l” is set to 50, all the large icons will be 50x50. If I need to alter the size of the large icons, I just change that variable and all the large icons change as needed.
I want the SVG to fill the frame so when I change the icon-l variable, all of the large icons will change accordingly. To accomplish this, I set the SVG height and width to “fill-container.” Then the SVG fills the height AND width of the frame (because auto-layout is on). If I manually type the height and width, then the SVG scales just fine (even with auto-layout on).
I created a demo of what I’m doing. I’m sure there’s a more elegant way to do this (I’m new to Figma.) It’s just weird to me that “Constrain proportions” works sometimes, and doesn’t work other times. It seems to me that when “Constrain proportions” is on, the icon’s proportions should be constrained.