How To Design and Set Up a NEWSLETTER POPUP Interaction in Figma (Tutorial)

Get the SOURCE FILES for this project ($1.99): https://payhip.com/b/07dtw
Visit my STORE: https://bit.ly/mavi-design-store
Explore Mavi Design COURSES : https://bit.ly/mavi-design-courses

In this video we’re going to dive into interactive prototyping and we’re going to set up a newlsetter popup (over an article) interaction in figma. This is also called a “modal window” and in this video we’re going to cover both the design and interaction of this feature that you can frequently encounter when reading articles on the web

0:00 – Final result & tutorial structure
0:35 – Phase 1: Wireframe
3:08 – Phase 2: Visual design + Static version
18:53 – Phase 3: Prototyping & interaction setup
25:27 – Phase 4: Extras – Pop-up window hover states using interactive components
29:08 – Final result

how to design an interactive newsletter popup in figma – how to create a modal window popup in figma – figma modal window newsletter tutorial

————————
© 2023 Mavi Design