Constrain proportions when changing width/height variable of a component (icon)

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).

Having the same issue. I work with Design System and have a Icon Wrapper, once I applied the variables in the width/height the Scale constraints stopped working so we have to apply width/height size manually.

Still an issue. Anybody have any ideas for workarounds?

Hi all,

Thank you for providing feedback! I will share this with our internal team. Your input is highly valued, and we will take it into consideration for future enhancements.

Thanks,
Toku

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