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
Get FIGMA for FREE: https://bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA's features: https://bit.ly/figma-professional-plan
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
Watch video How To Design and Set Up a NEWSLETTER POPUP Interaction in Figma (Tutorial) online without registration, duration hours minute second in high quality. This video was added by user Mavi Design 04 May 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 3,202 once and liked it 69 people.