Figma parallax scrolling animation

Design cool parallax animation on Figma just using these tips, no need for interactive components just frames and few tricks.

Duplicate this project on Figma community and learn how to design a websites with parallax scrolling and change the color of the navbar elements by scrolling the page. Only auto-layout and frame scrolling were used for this project, so as not to burden the final prototype with unnecessary interactive components.




Product Designer & obsessed with @figmadesign

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Case study: Making home maintenance manageable

Review — Interactive design and Directing Attention

Why the Best Products Don’t Solve All Problems

DOVU Staking Beta Update

UI/UX Case Study — Krealogi: Simple CRM

Best Practices for Buttons

Creating an Online Learning Platform: “Smart People”

Taking shortcuts in UX research

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


Product Designer & obsessed with @figmadesign

More from Medium

Create a new Figma Color style

Creating complex interactions with interactive components — Dropdown

What is and is not a design system?

Figma: fast prototyping with variants & auto-layout