Skip to main content

Hey, I have built my own system for managing icons in our design system. I have one single page that looks as below:


I wrote a small script that automatically adds icons from FontAwesome, flatten, rename and position is properly inside the page.

I have a Icon component that have different sizes and uses the icons on the above page as instances:

The problem I am facing is, eveytime I add a new Icon, I need to go back to the Icon component and add that Icon to the instances.
image

I think there should be a way to automatically add all the components from a page as an instance without requiring manual intervention.

Thanks

It looks really great. Thanks for your effort.


it you put your icons in a frame selection

then use apply instance swap property to pick an icon in your frame selection

...then as you add more icons into the frame selection, it should show up automatically in your swap icon instances in your components