Home

Blog

Tutorials

Parallax Hero Animation in Figma

Parallax Hero Animation in Figma

Tutorials

1 min

By

Sergei Chyrkov

In this video we will create a cool parallax hero section animation for a website using Smart Animate in Figma. I’ll show you step by step how to animate illustration to create parallax effect.

👉 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

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

How I Use an AI Website Design Workflow to Go From One Prompt to a Live, Award-Worthy Site

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