Figma tutorial : Designing a full Website with Scrolling Animation in figma

Показать описание

Designing a full web design scroll animation in figma, parallax scroll animation in figma, website prototype in figma, landing page animation figma, carousel animation figma, figma scroll interaction,figma, scroll animation website, figma sticky header on scroll, mouse scroll animation figma, figma auto scroll animation, website prototype in figma

Hey there, welcome to my channel! Today, I'm going to show you how to make your website design more exciting by adding cool scroll animations using Figma. Imagine your website coming to life as users scroll through it – that's what we're aiming for! I'll break down the process into easy steps, so even if you're new to design, you'll follow along just fine.

We'll learn how to make elements move, fade, or change as people scroll down the page. By the end of this video, you'll have the skills to make your website stand out and keep visitors hooked.

Let's dive in and transform your designs into immersive experiences!

If you have any suggestions for improving the design don't forget to comment below
Like 👍| Comment 👇 | Subscribe 🙏

My Favorite Book for Ux Design

Download the Source File via the link and start creating!

let's Connected:-

My affiliate links:-
Note:- If you purchase anythig from here it will be a small help to me

Hire Freelancer from fiverr:-

Watch more :-
Redesign Uber website figma | Uber web design figma

Headphone website design in figma (part -1) | Figma tutorial

how to create mockups using figma plugins | figma mockup tutorial

food Delivery App design in figma with Prototype | Mobile App Design

Tags:-
#figmatutorial #figma #webdesign
#uiuxdesign #designprocess #userexperience #creativedesign
#websitedevelopment #digitaldesign #designinspiration #uiuxdesigner #landingpage #figmaforbeginners #figmadesign #figmaanimation

____________________________________________

Music track: Tech by Aylex
Royalty Free Music for Videos (Safe)

Music Info: Groove Day - Soul-Prod Music.

Рекомендации по теме

Комментарии

Download the source file via the link and start creating!

VidscapeCode

Genius bro i didn't knew how to create that effect on existing design and i learn from you, thnaks a lot❤❤❤

patelpratik

Thank bro best project practice keep going make more videos 🎉

sairohith

Wow, inspirative design. gonna add it to my moodboard

Ariyudha-hctt

Dude, Please create a detail on website design using variables, components etc.... Means a proper project type please please please 😢😢

MuhammadShehriyar-uy

Bro I totally got lost in the aspect of creating components for prototyping... It's not giving same result as yours. for example the hero section. I duplicated the glassy section so I can turn to component which i did but when I was adding the components back to the original frame so it could prototype, it is not working... can you please give a breakdown on the prototyping aspect?

SamnericOlubs

I want to collaborate with you for our website landing page projects, can you do it?

DanilMuzikNew

Hi Sir, actually that small image which u have used on the top is not their in the drive which u have provided. Can u please add that image.

MansimranKaur-utzg

Hi there! I stumbled upon your video and have a question. Can I create a landing page in Figma and then export it to Elementor? I work in online sales and want to know if it's possible.

Also, can I add a video container in Figma? If so, how do I do it?

JansicleTeodoro

so clean, can you give us the figma file pleaaase ?

chainatown

why this website design not working in mobile? its fully blank in mobile.

SuhanaRani-ch

There are other images missing in the drive

nischaln

what to do if constraints section is not visible

ShreyaSoftintra

Hey I have a question, when you replace the existing frames with the new component frames do you delete them? Or do you just overlay the new above the previous ones? Hope you understand! Thank you so much.

TaleTroverAI