How to Create Parallax Hero Animation in Figma | Tutorial

How to Create Parallax Hero Animation in Figma | Tutorial

Sergei Chyrkov 25.3K subscribers
2.6K views · 2023-11-02 Interaction & UXUI Design
In this video we will create a cool parallax hero section animation for a website using Smart Animate in Figma. I’ll show you step by step how to animate illustration to create parallax effect.

👉 Link to file: https://www.buymeacoffee.com/sergeichyrkov/e/182953

______________________________
Check out my links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ My curated resources library — https://designsweets.co
▸ Twitter — https://twitter.com/sergeichyrkov
▸ Instagram — https://instagram.com/chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — https://linkedin.com/in/sergeichyrkov

🎶 https://www.epidemicsound.com/referral/am81qn/ — best service for royalty free music, use my link to get 30 days for free.

📝 Content:
00:00 — intro
00:22 — prepare the illustration
02:00 — design a hero section
06:30 — create stages of the animation
09:34 — create interactive component
12:49 — the result

_____________
#figma #figmatutorial #uxui #webdesign
#Figma#Figma Animation#Smart Animate#Smart Animation#Figma Animation Tutorial#Figma Animation Effects#Figma Animation Tips#Figma Animation Tricks#Figma Smart Animate#Figma tutorial#Figma prototype tutorial#Figma tutorial for beginners#Parallax animation in Figma#web design#parallax effect