Home

Blog

Tutorials

How to create Parallax Scroll Animation In Figma

How to create Parallax Scroll Animation In Figma

Tutorials

1 min

By

Sergei Chyrkov

In this video tutorial I’m going to show you how to create a parallax scroll effect animation in Figma. This is a great effect for image galleries and portfolio. We’ll cover basic smart animations and transitions.


👉 Link to free file

See more from me in Google Search

Add sergeichyrkov.com as a preferred source to get my tutorials and articles highlighted in Top Stories and AI Overviews.

Become the Designer Who Can Ship High-End Sites Fast — and Keep 100% of the Revenue 😎

Stop waiting on developers. Start shipping complete websites — and keep all the revenue that comes with it.

Book a 1:1 Session

Book a 1:1 Session

1:1 sessions and design consultations with Sergei Chyrkov

Become the Designer Who Can Ship High-End Sites Fast — and Keep 100% of the Revenue 😎

Stop waiting on developers. Start shipping complete websites — and keep all the revenue that comes with it.

Book a 1:1 Session

Book a 1:1 Session

1:1 sessions and design consultations with Sergei Chyrkov

Become the Designer Who Can Ship High-End Sites Fast — and Keep 100% of the Revenue 😎

Stop waiting on developers. Start shipping complete websites — and keep all the revenue that comes with it.

Book a 1:1 Session

Book a 1:1 Session

1:1 sessions and design consultations with Sergei Chyrkov

More from my blog

View all

View all

Why does AII tested Claude Code and Fable 5.1 with and without Mobbin MCP design references

What Happens When You Give AI Real Design References

Tutorials

Relume Publish Workflow: Build Client Websites Fast (No Code)

The Relume Publish Workflow: How I Build Client Websites Without Losing My Mind (or My Weekend)

Tutorials

I Turned My Website Into a Design System With Claude Code — Then Built an App With It

Tutorials

How I Build a SaaS Product with AI in One Week (My Actual Workflow, Step by Step)

Tutorials

Why Your AI Design Workflow Is Producing Slop (And How to Fix It)

Tutorials

How I Turned a Generic AI-Generated Website Into a Professional Design

How I Turned a Generic AI-Generated Website Into a Professional Design (My Full Claude Design Workflow)

Tutorials

Why does AII tested Claude Code and Fable 5.1 with and without Mobbin MCP design references

What Happens When You Give AI Real Design References

Tutorials

Relume Publish Workflow: Build Client Websites Fast (No Code)

The Relume Publish Workflow: How I Build Client Websites Without Losing My Mind (or My Weekend)

Tutorials

I Turned My Website Into a Design System With Claude Code — Then Built an App With It

Tutorials