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.
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!!!
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
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 spent literally 2 hours trynna do a carousel on another "famous" tutorial here, only to do everything right and then have "gaps" and troubles in the prototyping stage, and FOR REAL man, the stage in your video where you did the prototype is the most easy to understand and correct one I've found! 💙💯💯💯💯
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!
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! 👌
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
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?
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.
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.
![How to build a fancy Scroll/ carousel interaction in Figma [Sneaker app]](http://i.ytimg.com/vi/9cVSZpJimk8/mqdefault.jpg)
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 ❤
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.
doesn't work for me
Same
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
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??? 😂😂😂
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
Mine didn’t work 🙃
Mine didn't work either
I followed u step by step, but after playing it, it didn't slide like urs🥺
I spent literally 2 hours trynna do a carousel on another "famous" tutorial here, only to do everything right and then have "gaps" and troubles in the prototyping stage, and FOR REAL man, the stage in your video where you did the prototype is the most easy to understand and correct one I've found!
💙💯💯💯💯
Great to hear, thanks
This is by far the best 👌 video on this. Highly recommended. Straight to the point and beautiful animation.
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!
I feel strange not to have to specifically say if right or left .
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! 👌
Great tutorial, but man, how has Figma not made this easier yet?
it was quite good, but it was not auto carousel
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.
your teaching style is confusing
Definitely,we want animation like this and many more
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
If you don't have it already, can you make a video on coding design from figma to flutter. 😊
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?
Thank you for the tutorial! Super easy to follow ☺
Is it possible to have two clickable arrow buttons and when clicking on them moves carousel left or right?
Hello. How to export a file like this so that it can be played out of Figma?
this guy is really hot
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.
Sad how XD can do this in a heartbeat. In less than 1 minute
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.
Thank you so. For me simple and understandable. And yes it wiould be fantastic to see more simply tips like that one.
I followed this exactly and it didn't work
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
This was so useful!! The only helpful video!
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.
Thank you! I would love to see more. 🥰
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?
The connections were a bit confusing.
I would love to see more Hero Carousels.
mine only slides to one side... help?
Doesn't work😢:)
thank you so much!
tq
Link is expired
Very useful, thanks!
happy you liked it, Syahmi! 😃
i need help lol
thankyou
Keep it up 👍
yes please, more like this 🫶
U made it so easy!
Awesome tutorial! Need more
Love this work 😇
You mean ADOBE Figma carousel animation. :P
Thank you @fluxacademy, this is Super helpful 👍
How to put the latest carousels on the page?