Create Sidebar Menu in Figma | Figma tutorial for beginners | MrSid
HTML-код
- Опубликовано: 30 мар 2022
- Hello friends👋
In this video we will create a collapsible sidebar in Figma and will also animate it using smart animate feature in Figma. So make sure to watch the complete video..
Thankyou 💙
-------------------------------------------------------------------
Music: Royalty Free Music from Bensound 🎵
Join us on 🤝
Instagram: / mrsidverse
Twitter: / mrsidverse
#mrsid #uidesign #figma #figmatutorial #webdevelopment #webdesign #adobeXd #figmatips #uidesigner #webdev #figmauidesign #mrsidverse #icondesign #uxui #userexperience #uidesigntutorial #dailyui
I enjoyed and replicated this tutorial. Thank you.
Wow, don't forget to drop the link here. I'd love to see your redesign 😍
@@MrSidverse sure. Pls share your Facebook handle once more.
Life saver
Save time and clicks - select all icons and make them white, put a dark background behind so you can see them. Then you can just copy and paste to replace without having to make each one white every time.
Thanks for sharing this quick tip 😊
good work
Thankyou so much 😊
@@MrSidverse where can I connect you? Please give me your number.
good tuts, please reduce background sound
Sure, thanks for the feedback 🧡
Great tutorial 🔥
Glad you liked it
Do we have any option to integrate logic in mockup designs
No, you can’t use any logic for that. You have to design and link all the possible screens.
i am having a problem finding the resizing option when using figma
i dont see it after using auto layout please can u help
but great work
There are few conditions of using auto layout. If you want to change the size of child element manually, set the height/width to Fixed.
@@MrSidverse i cant see Resize option too. There is constrains
thanks bro
You’re welcome 😀
This is super cool, I have a wordpress website, i always use plugin in my website because I don't have experience in html, css, javascript, does anyone know how can I add this beautiful side menu to my website
Glad to hear that. It can be easily done using Html, CSS and JS but I am not sure about Wordpress. I'll let you know if I find any solution.
great video! Thank you!
Glad you liked it!
thanks...
You're welcome!
what if I need the sidebar located on the right of the screen and I need it to open from left to right?
That’s an interesting question. But I’m not sure why would you do that. If you want it to be on the right side, then it should expand from right to left. Will try to implement that.
@@MrSidverse any update sir? if I want to right to left? how can I implement it?
@@Js-zl9iq Yes, you have to select the position on the right side after adding auto-layout. There are 9 positions you can choose from when you use auto-layout. So to expand it from right to left, we have to keep the elements on the right and expand it to the left.
Nice ❤
Glad you like it 💙
good stuff but would've been better if you actually spoke in the tutorial
Hey, thanks for your feedback. I’ll try to make the upcoming tutorials with audio.
Very helpful, but the sound of your voice is too quiet in comparison of the high level of the music sounds in the background..😞
Sorry for that…
Hi , can we make this dynamically like with variables
I didn’t get, can you elaborate please?
@@MrSidverse ok here you are making the menu collapse with the prototype ,but i want to ask how can we make it using variables in figma bcz for coding purpose
is it possible to change color of the icon
Yes, you can change if it’s SVG.
How to prototype then?
I have already done the prototype in this video.
Is the design atomic?
Not exactly
Do you have file please send
Need to check