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/...
And if you want to level up your Figma prototyping, *watch these next*:
I’m never making a Figma prototype again • I’m never making a Figma Prototype again
Create state in Figma prototypes • Create state in prototypes with variables ...
Make responsive prototypes in Figma • How to make responsive components in #Figma
🌐 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 → / @p44v9n
Screen Studio makes it easy to create beautiful screen recordings in minutes. Try it here (affiliate): https://screenstudio.lemonsqueezy.com...
---
00:00 Intro
00:10 Example 1
01:23 Example 2
02:39 Example 3