How to Create Full Page Website Scroll Animation In Figma | Figma Tutorial

[@justinemarklirag5677]

Thanks bro I found the solution I'm looking for to finish my portfolio! ❤

[@pixxelex]

Glad it was helpful!

[@mohamednassif6372]

What an amazing video tbh gj man

[@pixxelex]

Glad you enjoyed it

[@AlakBirshka]

that you man this is so clear

[@pixxelex]

Glad it was helpful!

[@sivak7975]

it is clear and very understandable.do more like this.i liked it.

[@pixxelex]

Sure!

[@NadiiaFetisova]

Wow! That's amazing!😳🤩

[@pixxelex]

Thanks! 😄

[@dawei886]

Thanks a lot. Amazing tutorial!

[@pixxelex]

You're welcome!

[@XasanboyIsxoqov]

Hello, Please give me some insight on how to do this work on the front end

[@XasanboyIsxoqov]

@@pixxelex Hello, Please give me some insight on how to do this work on the front end

[@nisharahmad4854]

Can you give resource?

[@SMARTRIXDbztttmods]

Whats the use of figma design if we have to built website in elementor ? Or its just for imagination purpose can anyone tell me ?

[@pixxelex]

Before beginning the development process, it is crucial to have a clear understanding of our goals. Without a proper website design in place, starting development prematurely will lead to numerous issues. Once the design is prepared, the development process will be much smoother and time-efficient.

[@ukaszkieczka9683]

Hey bro, i created the whole design but i don't know how i can export it so it looks exacly the same on my portfolio website. Could you help me ?

[@pixxelex]

You can do this manually using code or utilize tools such as Framer or Webflow

[@Aanchalchawla-w6j]

why is the main artboard empty after making all animations, what do we do for that ?

[@pixxelex]

In the initial variants, we have moved all the elements out of the frame, which is reflected in the main frame.

[@SUGAYOSHIHIDE99DAIME]

Can I make the same thing with the mobile version of Figma?

[@dawei886]

Same question! How do you achieve a trigger animation when a page scrolls to the center of the screen on mobile? Because Mouse Enter doesn't work on mobile. Thanks!

[@pixxelex]

It's just a prototype. In the actual website, when you scroll to a section, it will trigger the display of the elements in that section. As a result, there will be no issues for mobile or any other devices.

[@JkCreativeDesigns]

❤

[@XasanboyIsxoqov]

@Pixxelex Hello, Please give me some insight on how to do this work on the front end

[@pixxelex]

You can use HTML, CSS, and Javascript to code it manually.

[@Ahmed_Almaistro_7]

I was watching and having a lot of fun, thanks Bro 🤍

[@pixxelex]

Glad you enjoyed