How to Swap Icons in Figma

The new-ish Instance swap component property in Figma is a great tool for making your components more succinct and useful. Here’s a quick overview. Try Figma: https://bit.ly/figma-cip --------------------------------------- 📹 Related Videos 📹 - Figma Components overview: https://youtu.be/Z3In89pq8x4 --------------------------------------- ⏲️ Timestamps ⏲️ 0:00 Introduction & Setup 3:00 Problem: component bloat 3:55 How to use Instance Swap 6:10 Light/Dark Instance Swap 9:34 Instance Swap practice --------------------------------------- 🎨 VSCode Theming - Font: Cascadia Code: https://github.com/microsoft/cascadia-code - Theme: https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-community-material-theme - Icons: https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedicons --------------------------------------- 🌐 Connect With Me 🌐 - Website: https://codinginpublic.dev - Blog: https://chrispennington.blog - Twitter: https://twitter.com/cpenned - Patreon: https://www.patreon.com/coding_in_public - Buy Me a Coffee: https://www.buymeacoffee.com/chrispennington