We can improve figma components

when we make component with an icon or graphic inside it,

on the instance of that component it is not possible to change the icon or the graphic even we cannot change the size.

as a remedy I make a large component of icons with all of the icons and tried to make a menu with icons.

for menu button I made a component with icon and for the rest button used its instance.
but when i tried to change the icon in the instances using variants the icon is changed but the size of the icon is as the parent icon.

I am attaching ss of what i m trying to say

pls help if you can.

  1. Don’t create icons as variants. Use regular components.

  2. Swap icons with swap instance menu.

  3. Make sure every icon component is the same size (e.g. 24x24) to avoid distortion.

2 Likes