Skip to main content

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

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


Reply