Parallax Scrolling Website Animation | Logo & Landing Page Animation | Figma Tutorial
2.4K views · 2025-07-12
UI DesignMotion Design
🎬 Parallax Scrolling Website Animation | Logo & Landing Page Animation | Figma Tutorial
In this Figma tutorial, you'll learn how to design and animate a Parallax Scrolling Website using Figma’s powerful prototyping tools. I’ll cover how to animate a Nike-inspired logo, build an engaging landing page, and add smooth parallax scrolling effects — all directly in Figma.
This tutorial is perfect for beginners and UI/UX designers who want to explore website animation inside Figma without using code.
✅ What You’ll Learn:
Logo animation in Figma
Landing page layout & animation
Parallax scrolling effects
Prototyping with Smart Animate
📝 Note: The shoe image used in this design is sourced from the official Nike website and is used for educational and design practice purposes only.
⚡Download Design Resources: https://www.figma.com/design/QVOzaU2OSa8S1QFgHcKAw4/Nike-Website-YT-Sourse?node-id=0-1&p=f&t=Q8ny5vtYbhLIe5EC-0
⚡Figma Tutorial Playlist: https://www.youtube.com/playlist?list=PLnYHcQ6VLHFDsM2jlF_0ONWwBxicoYFKh
👉 If you enjoyed this video, don’t forget to like, comment, and subscribe for more Figma design tutorials!
#Figma #FigmaTutorial #ParallaxScroll #LogoAnimation #LandingPageDesign #NikeWebsite #FigmaAnimation #WebDesign #UIAnimation
In this Figma tutorial, you'll learn how to design and animate a Parallax Scrolling Website using Figma’s powerful prototyping tools. I’ll cover how to animate a Nike-inspired logo, build an engaging landing page, and add smooth parallax scrolling effects — all directly in Figma.
This tutorial is perfect for beginners and UI/UX designers who want to explore website animation inside Figma without using code.
✅ What You’ll Learn:
Logo animation in Figma
Landing page layout & animation
Parallax scrolling effects
Prototyping with Smart Animate
📝 Note: The shoe image used in this design is sourced from the official Nike website and is used for educational and design practice purposes only.
⚡Download Design Resources: https://www.figma.com/design/QVOzaU2OSa8S1QFgHcKAw4/Nike-Website-YT-Sourse?node-id=0-1&p=f&t=Q8ny5vtYbhLIe5EC-0
⚡Figma Tutorial Playlist: https://www.youtube.com/playlist?list=PLnYHcQ6VLHFDsM2jlF_0ONWwBxicoYFKh
👉 If you enjoyed this video, don’t forget to like, comment, and subscribe for more Figma design tutorials!
#Figma #FigmaTutorial #ParallaxScroll #LogoAnimation #LandingPageDesign #NikeWebsite #FigmaAnimation #WebDesign #UIAnimation