Create an ANIMATED GRADIENT in Figma (Tutorial • Mobile App Design)
2.9K views · 2025-07-14
UI Design
Get the SOURCE FILES for this project ($5.99): https://payhip.com/b/QILqW
Visit my STORE: https://bit.ly/mavi-design-store
Explore Mavi Design COURSES : https://bit.ly/mavi-design-courses
FREE MASTERCLASS: Design an App in Figma:
https://youtu.be/N-PoAGryyq4
Mobile App UI Design Playlist: https://www.youtube.com/playlist?list=PLCUPtxXqnWn3l_dNI8TekvFIYpoo_IO6h
FREE FIGMA COURSE / SERIES: Design a Website in Figma: https://youtube.com/playlist?list=PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT
Generate 21 Banner Ad Formats INSTANTLY:
https://payhip.com/b/oHBev
In this video I'll show you how to create an animated (Smart Animate) interactive component that changes a backround gradient on it's own (looped animation using interactive components in Figma). We'll be using components, variants, smart animate prototyping to achieve the result. This video is a part of the Mobile App Design Playlist!
————————
© 2025 Mavi Design
Visit my STORE: https://bit.ly/mavi-design-store
Explore Mavi Design COURSES : https://bit.ly/mavi-design-courses
FREE MASTERCLASS: Design an App in Figma:
https://youtu.be/N-PoAGryyq4
Mobile App UI Design Playlist: https://www.youtube.com/playlist?list=PLCUPtxXqnWn3l_dNI8TekvFIYpoo_IO6h
FREE FIGMA COURSE / SERIES: Design a Website in Figma: https://youtube.com/playlist?list=PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT
Generate 21 Banner Ad Formats INSTANTLY:
https://payhip.com/b/oHBev
In this video I'll show you how to create an animated (Smart Animate) interactive component that changes a backround gradient on it's own (looped animation using interactive components in Figma). We'll be using components, variants, smart animate prototyping to achieve the result. This video is a part of the Mobile App Design Playlist!
————————
© 2025 Mavi Design