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.

[@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

[@andrew_schaeffer]

Glad you found out what you needed!

[@CoolIntellect]

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

[@andrew_schaeffer]

Awesome!

[@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.

[@andrew_schaeffer]

I'm not sure at the moment, but it sounds like a question for ChatGPT since it sounds a bit specialized.

[@asharayub4636]

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

[@andrew.schaeffer4032]

my pleasure - glad it helped you.

[@NataliaSales-h3z]

Thank you so much, Andrew! It has helped me a lot. ;)

[@philipchideranwega6653]

Thanks for this, you really saved me alot of stress

[@andrew_schaeffer]

Glad I could help!

[@Unnatidixit-d7m]

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

[@andrew_schaeffer]

Glad I could help!

[@sanshere]

This was so helpful, thank you so much!

[@andrew.schaeffer4032]

my pleasure

[@bruhmoment3731]

Thank you so much! Such a great tutorial

[@andrew_schaeffer]

My pleasure!

[@codeddesign]

Great tutorial

[@andrew_schaeffer]

Thank you!

[@umarmuzammil7332]

thank you for this video...helped a lot

[@andrew_schaeffer]

Glad it helped!

[@nddinh]

thank you so much!

[@andrew.schaeffer4032]

Glad you like it! :)

[@kieront4356]

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

[@andrew_schaeffer]

My pleasure!