Skip to content

PRO TIP Block youtube.com at the DNS level โ€” Pi-hole, NextDNS or your hosts file โ€” but allow youtube-nocookie.com and i.ytimg.com. These tutorials keep playing; the rabbit hole does not.

Learning without distractions

Website Animations Using ONLY Figma

374.1K views on YouTube

Build alongside Ran by downloading the starter file here ๐Ÿ‘‰ https://bit.ly/3n7hcVs

Master Figma for web design with our latest in-depth course ๐Ÿ‘‰ https://bit.ly/3TpzgtG

Need a new Figma account? ๐Ÿ‘‰ https://psxid.figma.com/s8z3306bhq0h

The goal today is to create fancy preloading animation and hero animation for our Figma Website. This will help you impress your clients and also prepare for when you’re going to hand off or develop this website yourself so you understand what kind of animations and interactions you want to use. Figma does it all, no After Effects or other design software is needed, not even plugins. Let’s get started.

๐Ÿ“ฝ๏ธ CHAPTERS
00:00 – Intro
00:24 – Component variants Technique
02:30 – Reveal Animation
09:04 – Preloading Animation
14:30 – Final Thoughts

โฌ‡ Would you like to see other Figma related videos? Let us know in the comments. โฌ‡

Don’t forget to subscribe to our channel for more Design Content. Click here ๐Ÿ‘‰ https://bit.ly/33byV7L

๐Ÿ“ฑ Find us on SOCIAL MEDIA
Ran’s Instagram ๐Ÿ‘‰ https://www.instagram.com/ransegall/
Ran’s X (Twitter) ๐Ÿ‘‰ https://twitter.com/ransegall
Flux Academy’s Instagram ๐Ÿ‘‰ https://www.instagram.com/flux.academy/
Flux Academy’s TikTok ๐Ÿ‘‰ https://www.tiktok.com/@fluxacademy

Thanks for watching our video!

#Figma #WebDesign #FluxAcademy