The hamburger menu is a stable of responsive design these days. Learn how to animate between open and closed menu states in this Figma Hamburger Menu Tutorial!
thanks!!! great tutorial, Question for you, when I want to add the animated menu to other screens it won't work any idea? I can do the menu to slide in, but then the animation from hamburger to "x" doesn't work. any ideas? I want the animated menu to be available from any of my prototype screens I don't know if I made myself clear haha ✌🏻
Great video air. Do you happen to have a video with spacings between components? I mean like blocks starting at 8px, 16px, and so forth so all components have eaqual length lets say between a headline and paragrapgh for example.??
Subscribed! just added this to my own hamburger animation :), thank you. There is a slight issue I am having however, I use the naming convention for icons where, when you swap icon instances the color persists. If the icon, has more than 1 vector layer, those layers need to be put into a Boolean Union. But, within a union, giving a layer an opacity of 0, doesn't work. Hiding the layer altogether doesn't give the same animation as the one in the video. I would like to keep color overrides along with the animation. Is there a way? Thank you in advance.
The hamburger menu is a stable of responsive design these days. Learn how to animate between open and closed menu states in this Figma Hamburger Menu Tutorial!
Thank you friend! You helped a lot!
Great video. I love these focused how-to topics.
Thanks Starcore!
Thanks a ton for this super awesome and easy tutorial! Was of great help!
Thank you so much. Love you
Awesome!!! Super helpful, thank you!
Thank you!
Thank you so much. 👍
this is very useful share, thank you so much!
thanks!!! great tutorial, Question for you, when I want to add the animated menu to other screens it won't work any idea? I can do the menu to slide in, but then the animation from hamburger to "x" doesn't work. any ideas?
I want the animated menu to be available from any of my prototype screens
I don't know if I made myself clear haha ✌🏻
Could you find any solution for this?
Thank you
Great video air. Do you happen to have a video with spacings between components? I mean like blocks starting at 8px, 16px, and so forth so all components have eaqual length lets say between a headline and paragrapgh for example.??
Subscribed! just added this to my own hamburger animation :), thank you. There is a slight issue I am having however, I use the naming convention for icons where, when you swap icon instances the color persists. If the icon, has more than 1 vector layer, those layers need to be put into a Boolean Union. But, within a union, giving a layer an opacity of 0, doesn't work. Hiding the layer altogether doesn't give the same animation as the one in the video. I would like to keep color overrides along with the animation. Is there a way?
Thank you in advance.
genial, gracias!
I feel sucks dude, the text is too small
u didn't tell that u need to click overlayer
The video was too quick to keep up with what's needed to be done
Soy siega y no puedobescribir