Parallax Effect in Figma - Animation Tutorial for Website Design (2024)

👉 Available for work (Book a meeting):

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

👉Contact:

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

🔗Download Figma File:

Figma Animation Tutorial. Parallax Effect for Website Design. I will show animation techniques for the parallax effect in Figma and recreate a couple of sections. I'll show the How to Animate website project in Figma.

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

Timestamps:
0:00 Intro
0:15 Design
10:44 Prototyping / Animation
17:38 Outro

#adobexd #figma #webdesign

[feefoo]

So much working behind such a simple design

[tugcehendem]

It's such a useful video. I downloaded your file and created it my own way. Thanks a billion!

[rajaiswarya]

Too good am learning from ur video 1 class for a day .Thank you

[ngocquan]

This is so beautiful! Thank you so much, Hsn!

[nailakhalid]

It would be great if mentioned keys you used while taking the elements outside the frame

[peelagowtham]

It was really cool animation! Please do videos even more detail in next videos

[keritogr]

I just wonder how people don't know this amazing chanel !! Tnx alot that's very useful💖 keep going 💪

[jeremyfultineer]

I bought the prototype, I was hoping there was a little bit of explanation included to go over what methods are being used. But now I'm just trying to understand the process of how you're making it work. Also, when I try to demo the prototype, none of the interactions work like they do in the video. I tried scrolling, I also click click and dragging but the only movement that is successful on the presentation is the intro where the clouds move in.

[Victor-doxt]

Is it possible to import this final product into Wordpress Elementor?

[lilu]

I cant understand how it scrolls to next page, my animation ends at the main page. It seems like one step missing.

[ritikagupta]

How the even auto scroll animation is possible in figma?

[Aishabashir-uk]

amazing ..but there a issue .third scrollig page per b yhi same method hai kya ? mera just 2 pages tk shi hora jaisay ap ne kiya agay further pages ni horay.. kya agay further pages ka b yhi method hai ?

[ikaay]

Hey man I need help mine isn’t scrolling I have to click on the arrow key at the bottom of the preview before it moves idk what to do

[adedoyinmary]

Hi great job, how did u get your image

[kossya]

Good day man. After downloading the figma file, it couldn't open on my phone. Please what could be the problem?

[AshishhRajj]

bro which software did you use for the last clip to record your prototype?

[daniellegathings]

Can this design be applied to videos for social platforms, Instagram, websites, youtube etc ?

[payalkirankatariya]

That is not swiss that norway Glacier was trying to do everything by my own but then while i was trying to find the pic I suddenly realized

[ayanghosh]

How to get those cloud 🙄 ?
You cannot Download only cloud like that from unsplash ...

Please answer

[brunoescoto]

i have a serious question and I hope you can answer it. if you do this animations on Figma how do you take them to an actual website? If Figma does not export to HTML or JAVA, how does it benefit to have these kind of animations if you can´t export them to an actual website?