Figma instance swapping in 4 minutes

Instance swapping allows you to switch out icons fast with a method you can scale. In this video example, we switch out an icon in a badge.

[@umarmuzammil7332]

thank you for this video...helped a lot

[@codeddesign]

Great tutorial

[@CoolIntellect]

Thanks for the video, now I know about "Swapping component instances".

[@user-gm9hy9rc9g]

Thank you so much for making this video, its very helpful

[@joqe5755]

Hi Andrew, thanks for the video! In your example, your two icons have different sizes, however, when you instance swap, the size is the same. Now let's say you want to keep their original sizes, how could we do that? Do you have a video that covers this scenario?
I want to be able to swap between icons that are 24px x 24px and images that are 32px x 32px on a card component. I am trying to make it so that the card component would resize accordingly.

[@philipchideranwega6653]

Thanks for this, you really saved me alot of stress

[@asharayub4636]

Thank you so much! I couldn't find how to do it after the update.

[@andrew.schaeffer4032]

my pleasure - glad it helped you.

[@sanshere]

This was so helpful, thank you so much!

[@andrew.schaeffer4032]

my pleasure

[@bruhmoment3731]

Thank you so much! Such a great tutorial

[@thejomviking]

nice catch but what I'm looking for is using the instance swap property in the main component, its itching me that when I add that property, I do not know what element in the component to apply it to, what u showed is just plain component fetching from a specified library that Figma automatically creates when you create a component.
edit: i found how to use it

[@nddinh]

thank you so much!

[@andrew.schaeffer4032]

Glad you like it! :)

[@kieront4356]

omg i love you so much omg i love you so muchhhhhhhhhhhhhhhhhhhhhhhh