How to make responsive components in

Опубликовано: 27 Май 2026
на канале: Design with Paavan
3,685
76

A super quick Figma tip showing you how to make your components responsive using variables. This allows you to drag an instance of the same component between frames, and have the variant automatically update because of the mode of the frame.

---

▶️ Watch next
Creating stateful prototypes
   • Create state in prototypes with variables  
Flat design is dead    • how to add realistic shadows in Figma  
I spoke to the UK’s top freelance designer    • I spoke to the UK's top freelance UX designer  

---

🌐 Get in touch at https://paavandesign.com/
💡 Got an idea for a video? Tell me here → https://forms.gle/Cf1W7Rwk7qDRkrVN6
🔔 Make sure you're subscribed so you don't miss any videos →    / @p44v9n  

---

Screen Studio makes it easy to create beautiful screen recordings in minutes. Try it here (affiliate): https://screenstudio.lemonsqueezy.com...

---

00:00 Setup
01:50 Demonstration