Responsive design in Figma using Auto Layout and Local Variables

Video Description

Hey designers!👋 In this video I'll show you how to create responsive design in Figma using Auto Layout and Local Variables. Local Variables are super useful when you're using several modes (Pro License). I'll show you how to create breakpoints, how to set up and apply variables, how to use Wrap layout in Auto Layout and much more! 👉 Link to file: https://www.buymeacoffee.com/sergeichyrkov/e/182950 ______________________________ Check out my links ⬇️ ▸ My website — https://sergeichyrkov.com ▸ My studio — https://chyrkov.studio ▸ My curated resources library — https://designsweets.co ▸ Twitter — https://twitter.com/sergeichyrkov ▸ Instagram — https://instagram.com/chyrkov ▸ Behance — https://www.behance.net/chyrkov ▸ Linkedin — https://linkedin.com/in/sergeichyrkov 🎶 https://www.epidemicsound.com/referral/am81qn/ — best service for royalty free music, use the link to get 30 days for free. 📝 Contents: 00:00 — intro 00:26 — set up breakpoints using local variables 02:00 — apply variables to breakpoint frames 03:38 — set up local variables for the design 06:28 — apply variables to design elements 08:47 — how to create responsive Auto-Layout section 10:57 — see the result 11:58 — update values local variables 12:52 — modes for responsive design layout 13:11 — conclusion -------- #figma #figmatutorial #uxui