Parallax Scrolling Website Animation | Logo & Landing Page Animation | Figma Tutorial
字幕
选择会记住;翻译由 YouTube 自动生成

Parallax Scrolling Website Animation | Logo & Landing Page Animation | Figma Tutorial

TheFigmaGirl 1930 位订阅者
2434 次观看 · 2025-07-12 UI 设计动效设计
🎬 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