Animated Modal Pop Up | Figma Overlay Tutorial
In this tutorial, I will show you how to make an Animated Modal Pop Up in Figma with Figma Open Overlay Animation. Also, you will learn how to use Frames, Groups, Prototype and Figma Animation.
In this video I show you:
00:00 Intro
00:28 Create Frame
02:07 Add Icon
02:30 Add Text
04:43 Create Button
06:10 Prototype
======
Watch my others Figma Interactive Components tutorials:
Animated Countdown: https://youtu.be/1ZZZ4_r0uJM
Dropdown Menu List: https://youtu.be/s0wq0oacVbg
Progress Bar Button: https://youtu.be/kq2MwhPsVgg
Animated Heart Icon: https://youtu.be/MvQ2xMfR060
Animated Swipe to Delete: https://youtu.be/DuP_Zp2KClk
Floating Action Button (FAB): https://youtu.be/R6Zfp0MI6b8
Animated Like Button: https://youtu.be/k2lwD4S5_ts
Search Bar (Keyboard Input Animation): https://youtu.be/Oiav0MXU2sQ
Loading Animation: https://youtu.be/f3PS8Y1fiIY
Interactive Star Rating: https://youtu.be/psl1ar21oC8
Interactive Slider: https://youtu.be/Y1Qu5h6w7CU
Interactive Button: https://youtu.be/-BTCL-vHvRA
Radio Buttons: https://youtu.be/k0D1l3lGs_M
Checkbox: https://youtu.be/0jgvOyS3XsQ
Dropdown Menu: https://youtu.be/e3K5ux4hOao
Input Fields: https://youtu.be/wiBarR5SIRA
Progress Bar: https://youtu.be/gIK-07miFOc
Toggle Switch Button: https://youtu.be/N_0X5rb6miY
======
Don't forget to like, subscribe and turn on notifications to watch new ui ux design videos and figma tutorials.
In this video I show you:
00:00 Intro
00:28 Create Frame
02:07 Add Icon
02:30 Add Text
04:43 Create Button
06:10 Prototype
======
Watch my others Figma Interactive Components tutorials:
Animated Countdown: https://youtu.be/1ZZZ4_r0uJM
Dropdown Menu List: https://youtu.be/s0wq0oacVbg
Progress Bar Button: https://youtu.be/kq2MwhPsVgg
Animated Heart Icon: https://youtu.be/MvQ2xMfR060
Animated Swipe to Delete: https://youtu.be/DuP_Zp2KClk
Floating Action Button (FAB): https://youtu.be/R6Zfp0MI6b8
Animated Like Button: https://youtu.be/k2lwD4S5_ts
Search Bar (Keyboard Input Animation): https://youtu.be/Oiav0MXU2sQ
Loading Animation: https://youtu.be/f3PS8Y1fiIY
Interactive Star Rating: https://youtu.be/psl1ar21oC8
Interactive Slider: https://youtu.be/Y1Qu5h6w7CU
Interactive Button: https://youtu.be/-BTCL-vHvRA
Radio Buttons: https://youtu.be/k0D1l3lGs_M
Checkbox: https://youtu.be/0jgvOyS3XsQ
Dropdown Menu: https://youtu.be/e3K5ux4hOao
Input Fields: https://youtu.be/wiBarR5SIRA
Progress Bar: https://youtu.be/gIK-07miFOc
Toggle Switch Button: https://youtu.be/N_0X5rb6miY
======
Don't forget to like, subscribe and turn on notifications to watch new ui ux design videos and figma tutorials.