How To Prototype Gallery Filters in Figma Using Local Variables | Beginner Tutorial

In this video we will design a minimal portfolio gallery with category filters. Then, we will make a prototype and animate it using Local Variables.

🎓 In this tutorial, you'll learn:
how to design a component button
how to design minimal gallery
how to use Auto Layout
how to create an interactive component
how to use local variables
how to use conditionals

👉 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.

📝 Timeline:
00:00 — intro
00:41 — create a component button using Auto Layout
02:16 — create filter tab component
04:48 — create gallery
11:55 — create local variables
12:16 — apply local variables to filter tabs
15:00 — apply local variables to gallery
15:54 — result
16:11 — conclusion

------
#figma #figmatutorial #webdesign #uxui