Create Animated Mesh Gradients in Figma (Tutorial + Files)

Create Animated Mesh Gradients in Figma (Tutorial + Files)

UI Adrian 58.7K subscribers
56.9K views · 2023-04-07 UI Design
Work with my design studio → https://designme.agency

Master UI design for $9 with my new ebook!
👉 https://howtodesignbetter.com/ebook

Learn how to create awesome animated Mesh gradients in Figma, in less than 10 minutes. And don't forget to grab the Prototyping Pack and collect your free Figma files to test this animation yourself!

https://uiadrian.gumroad.com/l/prototyping-pack

Timestamps:
00:00 - Intro
00:21 - Getting started
00:52 - Adding shapes
02:31 - Blurring out
04:17 - Adding texture
05:25 - Prototyping the animation
07:08 - Triggers and timing
08:30 - Play the Prototype!
09:05 - Outro

Connect with me 👋
Instagram - https://instagram.com/uiadrian
Twitter - https://twitter.com/uiuxadrian
Linkedin - https://linkedin.com/in/adrian-kuleszo/

Thanks for dropping by my channel - if you enjoy what you see, feel free to subscribe and hit that bell notification, and I promise to bring you a ton of free value every week!

----------------------------------------------

P.S. If you're interested in learning UI/UX design feel free to check out my design ebooks - there are free samples available (110+ pages total).

For mobile designers 👇
https://howtodesignbetter.com/design-manual

For website designers & freelancers 👇
https://howtodesignbetter.com/web-design-guide

My Figma Mastery video course 👇
https://howtodesignbetter.com/figma-mastery