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. 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?
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.
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.
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.
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! 👌
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??? 😂😂😂
This is by far the best 👌 video on this. Highly recommended. Straight to the point and beautiful animation.
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 ❤
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 ☺
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, 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
If you don't have it already, can you make a video on coding design from figma to flutter. 😊
Thank you so. For me simple and understandable. And yes it wiould be fantastic to see more simply tips like that one.
This was so useful!! The only helpful video!
Great tutorial, but man, how has Figma not made this easier yet?
Thank you! I would love to see more. 🥰
I would love to see more Hero Carousels.
I followed u step by step, but after playing it, it didn't slide like urs🥺
Mine didn’t work 🙃
Mine didn't work either
thank you so much!
Is it possible to have two clickable arrow buttons and when clicking on them moves carousel left or right?
U made it so easy!
How to put the latest carousels on the page?
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?
Very useful, thanks!
happy you liked it, Syahmi! 😃
Love this work 😇
Hello. How to export a file like this so that it can be played out of Figma?
Thank you @fluxacademy, this is Super helpful 👍
Awesome tutorial! Need more
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.
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.
yes please, more like this 🫶
Keep it up 👍
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?
thankyou
mine only slides to one side... help?
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.
tq
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.
I feel strange not to have to specifically say if right or left .
I try to do it but it is not working can any body help me?
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.
Link is expired
Sad how XD can do this in a heartbeat. In less than 1 minute
how to make a carousels like you showed in the intro,0:02
it was quite good, but it was not auto carousel
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 followed this exactly and it didn't work
Doesn't work😢:)
The connections were a bit confusing.
this guy is really hot
i need help lol
You mean ADOBE Figma carousel animation. :P
your teaching style is confusing