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

In this video, I tried to show you how to create a full-page website scrolling animation using Figma. If you found this video useful, don't forget to like, comment, and share this video.
🔴Portfolio UI Design (Part-1): • Create Full Website UI...
Check Out Previous Videos
Parallax Image Slider: • Create PARALLAX IMAGE ...
Modern Landing Page UI Design: • Create MODERN Landing ...
Interactive Video Hover Animation: • Create INTERACTIVE Vid...
UI Design Challenges: • Daily UI Design Challe...
UI Design Resouces: • UI Design Resources
Figma Animation Tutorial Playlist: • Playlist

[@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

[@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.

[@JkCreativeDesigns]

❤

[@nisharahmad4854]

Can you give resource?

[@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.

[@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.