Collapsable Sidebar Animation in Figma (Easy)
Вставка
- Опубліковано 13 бер 2023
- Learn how to make this animated collapsable sidebar in Figma! Build frames and prototype your animation while using the best auto-layout techniques.
👇Get the Studio Pass
bit.ly/49COJNQ
👇 Try Figma for FREE
bit.ly/figfree
👇Download Figma For Pros
bit.ly/fig-pro
🚀 Subscribe for more Tutorials
bit.ly/3T22qMZ
📥 Buy Design Files & Merch
bit.ly/3WuUl6D
🌎 Find Me on Social Media
Tiktok: bit.ly/3U7TdnQ
Instagam: bit.ly/3fF9hyf
Facebook: bit.ly/3ML5axg - Навчання та стиль
thank you for the tutorials 👌
Thank you so much 🎉
Thanks Bro. Its very east to follow.
Thank you. You are probably one of the best on this platform with your tutorials. Pls post More.
whoa im flattered
This is fantastic and so well put. Would love to see more of these✨
Thank you! Will do!
Thanks so much for the video, started to know a little more.
I Love it! Thank you!
Good shit ❤
It was incredibly helpful and provide clear guidance on a creating a sleek and functional sidebar interface. Thank you so much 👍
thank youuu😍
You're welcome 😊
It was great, I get motivated by watching your videos
I'm so glad! Thank youuu 🤟
salute bro
Thank you for this wonderful tutorial!!
How can we change icon color for both while hovering and when clicked?
Good job, thanks for you tutorial
Very aesthetic
Glad you like it!
Learn how to use space between and stop creating invisible rectangles ;)
How about if the menu has a submenu, it drops down if you hover to a menu option?
I wanna do a scroll down one ..when we click on 3 dots in chrome the menu opens like that but i am not able to please tell me how to do it 😊
What are the benefits or reasons for creating a side menu like this ? I see a lot of designs like this
🙄
There is an error after mouse hover full text displayed in collapsed state
Here you showed the hover state after the expand collapse
It does not work well after the hover
How to integrate this with Power bi ?
Please how did the vector you option dragged from the “button template” become a dashboard???
When you option drag the vector off of the button template, put it into an auto layout (shift a) and name it dashboard, then put it into your icon section
@@shmeltstudios thank you
Cause on mine it’s still named vector
Then how to prototype?
Вопрос... зачем раскрывать схемы конкурентам?
CANT 👂 !!!!
Maybe you can help me with a quick question. I made a similar menu, but I have 3 states. A default, hover, and clicked. If you collapse the menu, click a button, then expand it again, the button remains small and doesn't expand back to full size. It works the other way around, if you click a button (set it to clicked state), then collapse the menu / expand it, it functions as it should.
I can't figure out why that is. It's only when you click a button while the menu is collapsed that it starts getting screwy.