Featured

UI Design tutorial for Website Header with a Mega Menu | Interactive Components FIGMA



Published
In this figma tutorial you will learn how to design a Website Navigation Header with a Mega Menu, using figma's auto layout, components and variants, interactive components, component properties, smart animate and using different interaction triggers to have it functioning perfectly.

A link to download the tutorial materials -
https://drive.google.com/file/d/1Vn-puoH8ba-m6ZnwD9TLYu-349BY6p6v/view?usp=sharing
Download and import into figma in order to open it.

To get a better knowledge in auto layout, please check out these tutorials -
https://www.youtube.com/watch?v=yk8voZdpd30
https://www.youtube.com/watch?v=aj0McHNCeVA

To understand figma components and variants -
https://www.youtube.com/watch?v=f_sqdkfHShQ (part 1)
https://www.youtube.com/watch?v=3W6B9FsG0pE (part 2)

Figma component properties -
https://www.youtube.com/watch?v=9FGNB2sc8cw

Feel free to explore more tutorials for a better knowledge in interactions and animations in figma.

#yarivbe #websitedesign @figmacomponents @megamenu
Category
Web design
Be the first to comment