OH MY FUCKING GOD, I swear to god i spent the last 3 days watching like 20 hour long tutorials and i just could not get it to work. You saved my entire proyect in 5 minutes. Just... insane. Thank you so so much.
At 4:15 "I'll grab our first component here." What happened? Copy/Paste? I feel like I missed something and that's why it didn't work in the end for me.
This is not working for me at the end, the drag interaction is not doing anything, did i do something wrong or is it a bug? I've tried dragging in every direction and it's not working
This is great! I got the effect working, but would love some way to make it seamlessly loop. I’ve tried adding extra on drag actions and I’ve tried duplicating the end pictures on each opposite end, but the best I’ve gotten is having it rewind back to start when changing one of the drag actions to a click action. I’d love some help!
Hi. amazing video first of all and thank you for all the tutotials. i am following along with my own images but at the prototype stage, selecting on drag doesn't give me the smart animate option. what could i possibly be doing wrong?
Figma doesn't allow you to animate a single component with start/stop state, trigger and animation function. Which other design tools do. The need to duplicate controls is quite clunky to say the least.
Hi. Thanks for sharing this. I have a question when I present using the iPhone, it's not centered, it's at the top of the device. I hope you can help me. - D
Thanks for the tutorial man, just that when I do one with the carrousel starting from the far left, once when I want to go back form reaching the far right, when I stop at the middle, the interaction from the middle one takes me back to the one from th efar right, I think I need to duplicate the one in the middle just to go back from it but I'm having this issue.
appreciate the comment, JC! 😃 big fan of Framer and I make tutorials about that software on my channel, but my personal opinion is that Figma and Framer are still two very different kinds of software and can't really be compared at this stage. Figma is still the go to tool for pure design work, while Framer is becoming the standard for designers when it comes to web development! 👌
I am just starting out as a UX Designer. (I am a loser with no skills and many failures in life). But you def earned a sub with this one. A how to video on Figma that gets right to the point? Must be my lucky day! Thanks!!!
The way to group them into the frame as you said, he used Auto Layout. But Autolayout is a little bit more than just grouping. You should look into it. To use autolayout shortcut - Shift + A or you can also use the '+' icon beside autolayout on the right side menu.
OH MY FUCKING GOD, I swear to god i spent the last 3 days watching like 20 hour long tutorials and i just could not get it to work. You saved my entire proyect in 5 minutes. Just... insane. Thank you so so much.
I am just discovering the vast abilities of Figma and Im obsessed. So much so that I am angry at all my other Adobe apps haha.
watch your tone kids come here to you know
i get your happiness though
Dude... your FUCKING GOD?
Like funking??? 😂😂😂
At 4:15 "I'll grab our first component here." What happened? Copy/Paste? I feel like I missed something and that's why it didn't work in the end for me.
Me too🥺
Press ALT while dragging it into the frame and it should work.
@@beredan8321 This saved me a lot, thanks Beredan
It all happened so fast 😂
Thanks ❤
This is by far the best 👌 video on this. Highly recommended. Straight to the point and beautiful animation.
Definitely,we want animation like this and many more
This is not working for me at the end, the drag interaction is not doing anything, did i do something wrong or is it a bug? I've tried dragging in every direction and it's not working
same
same here
doesn't work for me
Same
Thank you for the tutorial! Super easy to follow ☺
Hi, I am wondering why we don't just frame and use horizontal scrolling. is there any different?
Me too, this looks too complicated for a simple carousel
that's also a valid option, but then you won't have the "snapping" effect where the cards stops exactly in the middle on a drag interaction 😊
The cards wont snap when you use horizontal scrolling. They scroll endlessly
This is great! I got the effect working, but would love some way to make it seamlessly loop. I’ve tried adding extra on drag actions and I’ve tried duplicating the end pictures on each opposite end, but the best I’ve gotten is having it rewind back to start when changing one of the drag actions to a click action. I’d love some help!
Great tutorial, but man, how has Figma not made this easier yet?
Thank you! I would love to see more. 🥰
Mine didn’t work 🙃
Mine didn't work either
Love this work 😇
U made it so easy!
Thank you so. For me simple and understandable. And yes it wiould be fantastic to see more simply tips like that one.
I followed u step by step, but after playing it, it didn't slide like urs🥺
If you don't have it already, can you make a video on coding design from figma to flutter. 😊
I would love to see more Hero Carousels.
This was so useful!! The only helpful video!
Awesome tutorial! Need more
Very useful, thanks!
happy you liked it, Syahmi! 😃
thank you so much!
yes please, more like this 🫶
Keep it up 👍
I feel strange not to have to specifically say if right or left .
Great video, very interesting. Can this be used for a mug? With the label going from one side to the other and the image is changing as you slide?
Is it possible to have two clickable arrow buttons and when clicking on them moves carousel left or right?
Thanks for this video, it explanation and as a beginner it helps
please I would like to ask if we can get website animation tutorial also.
Hi. amazing video first of all and thank you for all the tutotials. i am following along with my own images but at the prototype stage, selecting on drag doesn't give me the smart animate option. what could i possibly be doing wrong?
How to put the latest carousels on the page?
Figma doesn't allow you to animate a single component with start/stop state, trigger and animation function. Which other design tools do. The need to duplicate controls is quite clunky to say the least.
thankyou
Hi. Thanks for sharing this. I have a question when I present using the iPhone, it's not centered, it's at the top of the device. I hope you can help me. - D
Thanks for the tutorial man, just that when I do one with the carrousel starting from the far left, once when I want to go back form reaching the far right, when I stop at the middle, the interaction from the middle one takes me back to the one from th efar right, I think I need to duplicate the one in the middle just to go back from it but I'm having this issue.
Framer did this long ago and way better
appreciate the comment, JC! 😃 big fan of Framer and I make tutorials about that software on my channel, but my personal opinion is that Figma and Framer are still two very different kinds of software and can't really be compared at this stage. Figma is still the go to tool for pure design work, while Framer is becoming the standard for designers when it comes to web development! 👌
I am just starting out as a UX Designer. (I am a loser with no skills and many failures in life). But you def earned a sub with this one. A how to video on Figma that gets right to the point? Must be my lucky day! Thanks!!!
Please dont speak about yourself that way.
mine only slides to one side... help?
Hello. How to export a file like this so that it can be played out of Figma?
Sad how XD can do this in a heartbeat. In less than 1 minute
tq
it was quite good, but it was not auto carousel
step 2 is not clear, how you group theme in frame !!! i don't have the same icon whene i frame theme
The way to group them into the frame as you said, he used Auto Layout. But Autolayout is a little bit more than just grouping. You should look into it.
To use autolayout shortcut - Shift + A or you can also use the '+' icon beside autolayout on the right side menu.
The connections were a bit confusing.
I try to do it but it is not working can any body help me?
how to make a carousels like you showed in the intro,0:02
Link is expired
I followed this exactly and it didn't work
Doesn't work😢:)
this guy is really hot
i need help lol
You mean ADOBE Figma carousel animation. :P
Thank you @fluxacademy, this is Super helpful 👍
your teaching style is confusing