Hello everybody, I’m in desperate need of H E L P
I need to create an exchangeable and resizable icon for a button within my design system in Figma. I have tried the icon wrapper but when I exchange the icon from a book to say a lighthouse, the lighthouse icon looks terrible because its length is larger than the average icon. Any ideas on how to make the size responsive? Or auto adjust the icon and the sizing in the icon wrapper?
THANK YOU
YOU GUYS ROCK
Best answer by sedatcakir
Hi Silvia,
Yes, there is a solution. If I understand correctly. You want the icon to be scaled proportionally. To do this, click on the icon and set its position as horizontal: scale, vertical: scale. (Don't forget to turn off auto-layout)
Hi Silvia,
Yes, there is a solution. If I understand correctly. You want the icon to be scaled proportionally. To do this, click on the icon and set its position as horizontal: scale, vertical: scale. (Don't forget to turn off auto-layout)
Hey, Thanks for your reply! Question, here you are applying the changes just to the “vector” right?
I have tried with your method, but icons that go over the proportion get distorted.
The idea is to have a resizable and interchangeable icon so that the developers can find what they need quickly. Thanks again :)
Cheers,
Silvia
Hello again,
You are probably making the same mistake. You need to look carefully. I think there is a problem with the shape of the Icon Wrapper icons. If you want, we can look at your file together.
That would be AWESOME
When is a good time?
THANK YOU!
Cheers
Silvia
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.