Responsive design in Figma using Auto Layout and Local Variables
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/sergeich...
______________________________
🎁 Book a free (limited time only) mentor session with me on ADPlist: https://adplist.org/mentors/sergei-ch...
______________________________
My links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ Twitter — / sergeichyrkov
▸ Instagram — / chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — / sergeichyrkov
🎶 https://www.epidemicsound.com/referra... — 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
