How to Swap Icons in Figma
Coding in Public
@codinginpublicAbout
👋 Hi! My name is Chris Pennington 👋 I’m a relative beginner to development and enjoy teaching what I’m learning to others. I mostly teach beginner to intermediate web dev on the channel through project and component builds. Coding in public gives us all the chance to learn together. I’m a learner first and an expert never. Have a suggestion? Leave a comment! We’re all learners and we all learn better when we code together!
Latest Posts
Video Description
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
Upgrade Your Design Toolkit
AI-recommended products based on this video
