Parallax Scroll Animation | Figma Tutorial | UI Trends 2024
Today I am going to show you how to create a Parallax Scroll Effect Animation in Figma. This is a complete tutorial that helps you design Parallax Scrolling websites. The Parallax Effect is one of the rising 2024 UI trends.
#parallax #parallaxeffect #uitrends #figma
Happy Learning and don't forget to like, share the video, and subscribe to the UX World channel.
→ Learn UX design with a discount from Industry experts: https://cutt.ly/8wtCOztx
→ Become a UX expert by doing UI/UX specialization from Coursera: https://cutt.ly/EwUqPe13
-------------------------------------------------------------------------------------------------------------------
Watch other popular videos:
UX Design Trends 2024: • UX Design Trends 2024
UI Design Trends 2024: • UI Design Trends 2024
Daily UI Design Challenge: • Daily UI Design Challenge | Day 01 |...
Horizontal and Vertical Scrolling in Figma: • Horizontal and Vertical Scrolling in ...
Food Ordering Mobile App Design: • Food App Design in Figma | Figma Tuto...
E-Commerce Mobile App Design in Figma: • E-Commerce Mobile App Design in Figma...
------------------------------------------------------------------------------------------------------------------
Chapters:
[0:00] Preview of design
[0:14] Draw First Frame and Add Images
[1:38] Design Frame Content
[5:28] Design Next Frame
[6:32] Design Bottom Page
[10:04] Adjust Frames for Parallax
[12:38] Connect Frames
[13:50] Play Prototype
------------------------------------------------------------------------------------------------------------------
Resources:
Image by rawpixel.com on Freepik
https://pngtree.com/
https://www.ghumindiaghum.com/blog/to...
https://traveltriangle.com/blog/summe...
------------------------------------------------------------------------------------------------------------------
