Parallax Scroll Effect - Figma Tutorial

Parallax Scroll Effect - Figma Tutorial

UI Adrian 58.7K subscribers
136.2K views · 2023-05-29 UI DesignInteraction & UX
Work with my design studio → https://designme.agency

Master UI design for $9 with my new ebook!
👉 https://howtodesignbetter.com/ebook

Guys, I'm sorry to say but the Prototyping Masterclass is discontinued. I will be working on a new Framer program instead! More details soon :)

In this tutorial, we'll take a closer look at how to create parallax scroll effects in Figma. At the time, the only way to mimic this effect is by adding a number of drag triggers or adding a scroll bar. In the following episode, we'll discuss the first use case.

Here's a chapter breakdown:

00:00 - Intro
00:31 - Adding your designs
02:40 - Adding mockups
05:15 - Adding remaining frames
11:30 - Connecting frames
12:03 - Prototype Preview & Fixes
12:41 - Prototyping Masterclass
13:20 - Outro
----------------------------------------------

P.S. If you're interested in learning web, mobile, or Figma design, feel free to check out my Figma course and my design ebooks!

For mobile designers 👇
https://howtodesignbetter.com/design-manual

For website designers & freelancers 👇
https://howtodesignbetter.com/web-design-guide

My Figma Mastery video course 👇
https://howtodesignbetter.com/figma-mastery

----------------------------------------------

Connect with me 👋
Instagram - https://instagram.com/uiadrian
Twitter - https://twitter.com/uiuxadrian
Linkedin - https://linkedin.com/in/adrian-kuleszo/

Thanks for dropping by my channel - if you enjoy what you see, feel free to subscribe and hit that bell notification, and I promise to bring you a ton of free value every week!