How to animate bottom sheet in Figma prototype

Published: 25 June 2022
on channel: Hashir Tihami

6,116

Hey folks,

Here's a quick video explaining how you can animate bottom sheets on your mobile prototype. Modal bottom sheets are an alternative to inline menus or simple dialogs on mobile and provide room for additional items, longer descriptions, and iconography. They must be dismissed in order to interact with the underlying content.

This is just a simple tutorial for a login form, you can use this technique for all your bottom sheets and even define them as components so whenever the button is called the bottom sheet will appear. I'll explain this in another tutorial.

Cheers

Watch video How to animate bottom sheet in Figma prototype online without registration, duration hours minute second in high quality. This video was added by user Hashir Tihami 25 June 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 6,116 once and liked it 96 people.