How to make overlay modals/dialogs in a Figma prototype

A super quick runthrough of how to make overlays in Figma prototypes, showcasing three examples: an alert dialog, a bottom sheet (also called a drawer), and a website popup for collecting email addresses.

Get the file for free here, if you want to follow along yourself (recommended!): https://www.figma.com/community/file/1609233144722526290/modal-example

And if you want to level up your Figma prototyping, *watch these next*:

- I’m never making a Figma prototype again https://www.youtube.com/watch?v=PpkDz-M89dE
- Create state in Figma prototypes https://youtu.be/R3oqjJTn99s
- Make responsive prototypes in Figma https://youtu.be/bKES7NkK1tc

*🌐 Get in touch* at https://paavandesign.com/
*💡 Got an idea for a video?* Tell me here → https://forms.gle/Cf1W7Rwk7qDRkrVN6
*🔔 Make sure you’re subscribed* so you don't miss any videos → https://www.youtube.com/channel/UClVa0IVnBSlMU9u8Rr2d5yw

*Screen Studio* makes it easy to create beautiful screen recordings in minutes. Try it here (affiliate): https://screenstudio.lemonsqueezy.com/?aff=Aynye/

---

00:00 Intro
00:10 Example 1
01:23 Example 2
02:39 Example 3

Видео How to make overlay modals/dialogs in a Figma prototype канала Design with Paavan