Create an ANIMATED GRADIENT in Figma (Tutorial • Mobile App Design)

Опубликовано: 23 Июль 2026
на канале: Mavi Design
2,508
55

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:
   • Design an App from Scratch in Figma (Tutor...  

Mobile App UI Design Playlist:    • FREE Figma Mobile UI Design Series  

FREE FIGMA COURSE / SERIES: Design a Website in Figma:    • FREE Figma Web Design Course: Design a WEB...  

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