How To Prototype Gallery Filters in Figma Using Local Variables | Beginner Tutorial
7314 次观看 · 2023-09-14
UI 设计
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/sergeichyrkov/e/182949
______________________________
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.
📝 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
🎓 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/sergeichyrkov/e/182949
______________________________
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.
📝 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