It would be really nice if the constrain proportions button would also work when changing the width/height of a component such as an icon.
- Lets say I have a set of SVG icons made as components. Each icon as its own component. * Icons are all the same height but different widths.
- I created a variable called “icon-height” and set it to some value
- I placed the icon/component and assigned width to the variable “icon-height”
- Now when I change the variable value only the height is changed and the width stays the same. Even though the mark to constrain proportions is turned on.
- Also when swapping the icon to some other icon (that has a different width than the previous one, the proportions should be fixed so that the icon is not squeezed/stretched.
Am I missing something?
I’m having the same issue when setting a logo height to a variable. ‘Constrain proportions’ doesn’t work when I change the variable mode on a component instance > the height updates as expected but ‘constrain proportions’ doesn’t, the width remains the same
Yes, it is annoying and makes use of width/height variables kind of useless on components …
I consider this as a crucial change. I also encountered this problem, when I first set up variables for my icons and I found it quite annoying. It really makes the variables for this use case unnecessary.
I see this issue whether the icon is a component or not. I have constrain proportions on, then I select either the height or width (it doesn’t matter which) and select a variable. It only changes the one dimension instead of scaling it proportionally.
Yes, it doesn’t matter if its a component or not. This is quite annoying. I hope that the Figma team will fix this soon.
Yeah, I’m having the same issue–which is really important for logos. I considered setting variables for both height and width, but it won’t work when switching to a different logo, because the proportions are different; so each logo would have to have its own height and width variables (which defeats the point of using variables).