Skip to main content
Question

Simple Parallax Image Scrolling // Figma Prototyping

  • November 3, 2022
  • 2 replies
  • 2081 views

Hannah_Russell

Hi Figma Community,

I have been looking for a video or well explained article but am having a hard time finding the right resource. I am trying to create a design/prototype that does a simple image background swap parallax on scroll similar to this codepen: https://codepen.io/designbyremedy/pen/RwGwvy

A video explanation would be ideal, but I am happy with any help you are willing to give!

2 replies

zachtalogy

Unfortunately this can’t quite be done due to the lack of scroll triggers in Figma. However, you can kind of fake it with arrow keys presses and/or dragging.

Here’s an example project I put together. Feel free to copy. You can scroll either by dragging vertically or pressing the up/down arrow keys. The images are revealed using masks.

Figma

Hannah_Russell

@zachtalogy exactly what I needed, thank you so much for this! That explains why I couldn’t find any on scroll animations haha.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings