Figma | Basics of Bottom Sheets

Join our mentorship program here 👉 www.upglance.com/
☕️ Buy me a coffee here: www.buymeacoffee.com/akashdesign
👉 Follow me on my socials for more:
/ akashydav
/ kash__91
dribbble.com/akashy
/ akashy
👉 My TH-cam setup gear:
Canon M50: amzn.to/2Xv6LP3
Tripod: amzn.to/30xluel
Boya shotgun mic: amzn.to/2XuZOxc

[@olaideolayiwola375]

If I don't say thank you after watching this video, I would be ungrateful. Thank yooooooouuuuuuuuu. Thank you so much Akash. You're the best teacher I have come across.

[@jasmines6768]

Simple easy and super clear. Thank you!!

[@fatiga4b]

thank you so much Akash!! Great video!

[@aiwillsurvaiv]

Very helpful, thankss a lot and keep up the good work!!

[@aniketjoshi7518]

Hey , great video, I was exactly searching for this one. Thank you so much for this video❤🎉

[@31ink129]

Wow ! works really well.
Thank you so much for providing this. Easy to understand :)

[@paulamourad4699]

Great tutorial!! Thank you so much!!

[@sleepypanda402]

A BIG THANK YOU!!!!!!

[@shafaghkamkar4009]

thank you so much, I was driving myself crazy by search the internet up and down for something like this. My problem was I didn't create a frame around the content and instead I was applying scrolling to the sheet frame that contained that content. anyways thank you thank you thank you thank you. subscribed

[@peculiarokoronkwo487]

Thank you

[@JurgenLeckie]

Great tutorial! In the end you mention a video about bottom sheets that turn full screen on scroll. Where can I find that one? Cheers

[@gabrielfelipe21]

Hi, @Akash Yadv thank so much, its contents are helping me a lot!!

[@AkashYadavUX]

My pleasure Gabriel😇

[@guaraferreira797]

Thank you very much. That was really well explained!

[@AkashYadavUX]

thank you :)

[@paribhandarkar3503]

omg i just stumbled upon your channel and it is literally the best. you have explained everything so easily. most of the time i can't find the right tutorials as i don't exactly know what to call this bottom scroll thingy but your playlists basically have everything that i want to learn about. thank you so much

[@AkashYadavUX]

Thank you Pari. Glad you liked the channel, updating the channel with more content 🤓
Do share the channel with the others😇😇😇

[@paribhandarkar3503]

@@AkashYadavUX YESS i will🥰

[@hellokitkath3329]

Hi Akash! You are one of the best teachers for UI designs. I hope you have a full course. Thank you for sharing your knowledge!

[@AkashYadavUX]

Working on it 🙂

[@BryanIRM]

THANKS!

[@afrospiritart]

Thank you very much for such a great video.

[@AkashYadavUX]

You're very welcome!

[@84media]

Hi. i have a question. If i wanted see a botton menu, how i could that slide from the back?

[@kanchanugale9419]

Love your channel.Simple and easy to understand. Thank you 🌸

[@AkashYadavUX]

You are so welcome!

[@AnkitKumar-di2sj]

The video was awesome. Can you also add the figma file?

[@lordjubei9829]

Really like your channel!

[@AkashYadavUX]

Thanks a lot Josh for the kind words 🤗🤗

[@gauravw7]

Best channel ❤️

[@AkashYadavUX]

thank you😇😇

[@junaidtariq4547]

awesome series

[@AkashYadavUX]

thank you again 😇

[@CRiStiCole]

Cool stuff you cool cat, I have one question tho, what if at the bottom of the screen I have a fixed menu, how can I position that to be on top of the scrollable
overlay?

[@AkashYadavUX]

Pretty easy to do, just select the the menu element and on the right side of panel (inspector panel) there will be a small check box saying " fix while scrolling". Just select this and the selected element will stay at its position while others will scroll ✌️

[@niifras]

Thanks man 😍

[@AkashYadavUX]

😇

[@divyajsingh8186]

Great teacher .... :)

[@AkashYadavUX]

Thank you 😘

[@numchaisitikote2606]

wow Thank you very much

[@AkashYadavUX]

thank you😇

[@junaidtariq4547]

learning a lot from your channel love from Pakistan. after this series ended. I am waiting for the complete series to create a complete app all screen

[@AkashYadavUX]

it's gonna take some time as I am traveling. but soon

[@junaidtariq4547]

@@AkashYadavUX 👍

[@knuftung9124]

I wanna say two words= AWESOMEEEEEE AND THANK YOUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU

[@AkashYadavUX]

Thank you so much🥳🥳🥳

[@dass1237]

Thank yo for useful tutorial. Can you share the link for the tutorial of full screen modal?

[@AkashYadavUX]

Hey Sarah thank you for the kind words. will create a tutorial on full screen modals.

[@pk-ww8mh]

is there a video of you making the first frame? with the golden gate bridge?

[@AkashYadavUX]

hey I didnt put that video though..can create one if needed :)

[@pk-ww8mh]

@@AkashYadavUX thanks! I ended up creating it myself bc i couldnt find one on the figma files. :)

[@omnagupta76]

How do I scroll elements in the bottom sheet?

[@AkashYadavUX]

Hey Omna I have explained it in the video. You have to group all elements of bottom sheet under one frame, the reduce the bounds of the frame to bottom part of sheet (making sure that elements of frame are overflowing the bounds of the frame). Enable clip content. Enable vertical scrolling in prototype tab for the frame.
Done🤗🤗

[@omnagupta]

It worked! Thanks a lot!

[@chromicle]

hey, can you give the link to fig file of this design?

[@AkashYadavUX]

Hey umm accidentally I have deleted this file. Will create a new one and upload soon with rest of the interactions as well.😇

[@chromicle]

@@AkashYadavUX yeah, fine
anyway my problem was solved by seeing your video particularly

[@maychai2101]

I like I like

[@AkashYadavUX]

😉✌️

[@manojbisht787]

bro ek responsive web and mobile k liye figma video bnado with prototype

[@AkashYadavUX]

Responsive web video is in works, will be up soon🤗

[@isahqrana7588]

This channel is awesome?

[@AkashYadavUX]

😁 i hope that's not a question 😬 thanks btw