How to Create a Scrolling Web Page in Figma 2023
Вставка
- Опубліковано 20 сер 2024
- Learn Parallax Image and Scroll animation tutorial in Figma using Smart Animate and a little bit of Photo Editing. It's very easy to create animations and micro-interactions in Figma.
Figma is my personal favorite Design Tool. It's one of the fastest-growing design tools right now. If you're a beginner to Figma or planning to switch to Figma from Sketch/Adobe XD, don't forget to subscribe to this channel and hit the bell icon.
Subscribe for NEW VIDEOS!
My personal FB account: / akbarali.nabiyev.1
My personal Instagram account: / akbarali_nabiev
License for Music:
Music from Uppbeat (free for Creators!):
uppbeat.io/t/h...
License code: IS7VNEP5NOEDM0FA
Song: Jarico - Island Music
supported by #BackgroundMusicWithoutLimitations
bit.ly/2XoXFnb
#figma #design #figmatutorial - Фільми й анімація
this is not scroll tutorial this is drag tutorial))) there is a difference between these two types of animation
On similar prpjection to the same into the gap betwen the plural's suffix and it's none -
●○ single's one○●-.
This was awesome, straight to the point. Tired of these “Smash like button” fools dragging out the tutorial with BLAHAHABALALABALBHALBLAH. Thank you for sharing and saving me time.
everything explained in very short amount of time thanks bud this was very helpful
This is the tutorial that I've been looking for! Thank you for the helpful video! 🙌🏼🔥
This one was so simple yet no speaking! Thank you so much!
Glad it was helpful ❤️
Exactly what I’ve been looking for
Good job! Keep up the good work.
Clearly explained! thank you :) Please do more videos like this :))
Great video!!! Keep doing these great stuffs
Thank you 🤜🤛
this is amazing
Amazing
Great stuff
Amazing work!!!!! 😍😍😍
Unstoppable today, unstoppable today
Good vidio
Thank you!
This is so good
Thanks a lot for this video !
You're always welcome!
Nice one. I want to make the BG of the hero section fixed to the right but content like text should change as I scroll down to other sections of the page. This is for a landing page.
Great idea
In soft One, there is relatively little although I will say soft One has so fantastic features and I tNice tutorialnk it is going places (Rated No 2
so cool 😍
I appreciate
nicee thanks
You're welcome
Others are like, Yeah, so just make a crazy lody and drum and setup.
the second page does not show on my prototype , could I know why ?
Its great 👍 make more videos
Thank you, soon I'll upload a new one🔥
am getting soft from your video, thx alot. how do i make my soft more than 50sec long? I clicked loop recording, pressed the record
Not working :( i did it 3 times but not working. Animation starting at second page and stopping :/
mas cara seleksi foto nya biar kebagi gitu gimana ya caranya ?
Mine looks notNice tutorialng like the way you guys started it would be amazing if soone told how to get the multiple tracks
Nice im starting to make so simple soft soft how about you?
How to make home page section sticky and when scroll second page come up with some animations but it needs to be user to control it's not to be a complete animation. please help me
Honestly I didn't get your question, you mean that home page must be fixed and only second page should be animated right, when you scroll it?
@@akbaralinabiev yes, when user scroll down first page stay same and second page come up. watch this but this is html/css website but watch the animations how it response when user scroll down and up ua-cam.com/video/1wfeqDyMUx4/v-deo.html
Ima get the 0 dollar one is it rlly good or nah?
For on drag interaction do we have to do dragging at the right end corner?
no, you can do it anywhere!
Hi, when I go to my prototype, my image and text don't slide in from the sides.
Hey👋, in your first frame text and image must be in different places than second frame, and one important thing, the second frame must be a copy of the first one, not a new
this is great but , is there no "on-mouse" scroll version?
Can you please explain your question once again?
@@akbaralinabiev Your tutorial has an "on drag" mouse to activate the effect, but is there just an "on mouse scroll" to activate the effect? On a website everyone scrolls.
@@skylabnewyork oh, I got you. The thing I made is just a design, when you write a code for this website you will give a scroll animation, not a drag. So it depends on web developer
@@akbaralinabiev so isnt there any way to do it with scroll onfigma right?
it's not scroll it's drag
My after delay option its not alowed
Hi, no it's not, in order to use the after delay option you have to choose frame to frame, not font, not circle or rectangle, only frame
@@akbaralinabiev oh! tks a lot!! Now I understand the principle!! sucess!!
Hi admin are you from Uzbekistan
Yes I am
hey is there any alternative to adobe ? i don't have that software
Hi, honestly I don't know about other programs that can do the same as Photoshop, but I think you can use the www.remove.background website, it doesn't separate the sky from the ground, but you do, using the eraser tool in it, try it out
+1 fl for u
Is the CTRL+ALT function for a mac too?
Yes, CTRL + Option on mac
And how to apply it on website? Can you do it? or what keyword for tutorial that i can find on youtube to apply this to website?
Thanks before.
Michael
mobile or desktop
Desktop
uzbekmisiz
Ha
@@akbaralinabiev omadizi bersin oka yana shunaqa web dizaynerlikdan videolar chiqarib turng sizga qarab animatsiyani organdim
cut the f music.
Another drag (not scroll) parallax effect video.
fucking tutorial