Thanks so much for breaking it down for easy understanding. 😘 I'm new to uiux and using your teaching to design, it's like I've known it since forever. Thanks so much kind heart, I'm definitely watching all your videos to learn more. 😊
Tim, I recently discovered your channel and finished the Figma crash course in 2 days. I can not even tell you how helpful and insightful your videos are. I have learned the things in two days which I could not do in past 7-8 months. Your way of teaching is exceptional. 😍😍😍 I generally never comment on any video on RU-vid, but your content is worth it. I am super grateful to find your channel. Please upload more content on a full website design with complex interactions. Looking forward for more amazing content 🌺🌻
It's cool but is it possible to create the event On Drag to work as On MouseWheel event when it's related to desktop apps and websites designed for desktop...
This tutorial is really useful, thank you! Wonder if there's a way that we can just preview this animation by only scrolling without dragging the scroll bar?
Hey Tim, I just watched your video and I must say that it was really informative and well-made. I loved your videos. I was wondering if I could help you edit your videos and also make highly engaging shorts for you to grow your business faster.
What do I need to do to scroll the page horizontally. Is there a name for this? The user will scroll down but the page will move sideways. It's an L-shaped design. I'd be very happy if you could help.
i have one doubt, i'm new to this so... yea. as far as i understand Figma is a prototyping tool right? meaning, it can throw CSS code but not HTML and least of all JS. so, what is the benefit of doing this cool animations if Figma if you cannot export all of this into an actual website? or can you? As I said, im new into this but I still struggle to understand what Figma does if it cannot make actual interfaces to work. thanks!
hey Bruno! Figma is a pure design tool, allowing you to craft your design visions and if necessary even prototype/animate them. when it comes to the prototyping/animation feature, I just see it as a great way to communicate design ideas to your developers 😃
How exactly does it work the way it does? Why do the images come down from outside the frame when you scroll and how do they move like that when you scroll? And how do you create the scroll and make it scroll? Can you make it scroll left and right?
I dont know why, but the animation that I got was different, following each of your steps. It seems fade, it is a problem with my preview or something?
Love the video. Thank you. I am trying to achieve the same effect for my website design, but is there any way to achieve it with mouse wheel scroll or touchpad gestures.
I think it was from Dafont if I remember correctly… not by the computer atm so can’t give the proper attribution. check the file, Google it and you’ll find it 😃👌
Thank you for the video.I have done this but on a larger scale, creating a vertical with many elements. Now I ran into two problems. First not seeing the layer that leave the frame is kind of making it hard to stay in control of the animation. Second the loading time is so long that i basically cant work like this. Suggestions? Thank you :)
In order to see the layer that is outside the frame, you can simply unclick the "Clip content" of the particular frame and adjust the elements accordingly
@@TimGabe I will be looking forward to that......please more videos on component and interaction more also animation please......you videos are very helpful to me
So I was trying to resize the frame after i was done changing the position of the elements the elements and everything started to move to. How do i fix that?? Do i have to apply constraints to all the elements??
I am trying to combine this effect with Parallax with simple animations for certain objects but it seems like i can only do one or the other. I added a scroll bar like your video and was able to get a rocket ship image to move as i move the scroll bar down, but when i get to the bottom of the page there is an animation that is based on "on hover" and does not happen unless i take my mouse off of the scroll bar and hover over the page, only then does the animation happen. Is there a way to combine these two? Can I make it so i can vertically scroll on the page without a scroll bar have the parralax effect like in your video but also trigger an on hover effect?
@alex maybe you can try putting that hover animation within a component positioned in the footer, then use Mouse Enter on the component’s instance? The component would have at least two variants for your animation: start and end sequence?
Honestly, these type of websites are in the top 3 I hate the most. Instead of quickly getting the info or doing stuff, you need to scroll through this messy bullshit.
its paid only, there is no way to use it free. i don't have that much money to buy that. anyone please give me the activation code please!!!!!!!!!!!!!!!