this video was really helpful for me, I had watched several carousel animation videos but you made the process look so easy and fast. Thank you so much for contributing to ui/ux community.
Thank you, I was looking to create this exact animation but I couldn't find a video on it. Your tutorial is clear and straight to the point, it really helped, cheers.
I’ve tried to follow this but can’t get the delay interactions to work once the frames have been made into a component. They work in a frame but won’t allow ‘after delay’ to be selected from the interaction choices.
Thanks for the tutorial! I had a little problem: my last frame (with thw last image) is linking to the first one but Figma is not allowing it to do it with "after delay". What can I do?
Hello, i’d like to know why it just fades out and not actually slides like whats showing in the video. I did it step by step repetitively. I’d like to know if you tutorial requires the payed version to do what you did😊
I appreciate the helpful demonstration! Is there a way to ensure that the final image in the slideshow doesn't swiftly transition back to the first image in a rushed manner, causing a blur of previous images? I'm looking for a smoother transition, where each image is presented nicely, and the return to the first image is seamless without any visible blending of former images.
Tysm akash for this wonderful tutorial.. it's a lifesaver for me . And i have included it in my prototype and it looks amazing 😊😊.. i follow ur tutorials and it's easy to understand and work along together 😁👍 tysm
I think this method can't be done anymore because I've looked at it 3 times and done it but I can't do it, in the end figma shows me that there are 3 components and you and another person that I saw who did this procedure only one comes out, and When I put it in a frame to see if it works, it doesn't do anything.
It works but it’s not showing well on my prototype. When I’m designing it it’s in the centre but when I go to prototype it barely shows and it’s driving me crazy
Hey Mark, I have not explained that bit in this video to keep this video simple. The transition you are asking for requires a trick, i have explained that bit in my other video here: ua-cam.com/video/K97aa24WlKo/v-deo.html
Hi sir, i have a question like...can we write on that picture ? Like, i got a carousel on personality development and after watching this video i thought to use your idea and i need to add some of the words on the image for the course i'm working on
great video!! however is it possible for the images to slide in the same direction , like just cycle back to the first image after the last one in the same direction and not go back in reverse !! i want the images to loop and but its going back in reverse after the last image back to image 1
I think that if instead of directing the last image to the first, you direct it to the one before, and do the same with the remaining, that could work. But probably would need to try it first.
Hey Swapnil To loop the animation you need to create an additional frame which should be same as the first frame and place this as last frame. Connect second last frame to this additional frame via instant setting in prototyping, similarly connect this new frame to first frame again with instant. You can check older video on mu channel around cyclic carousel. I have explained this bit in details :)
Terima kasih atas tutorialnya karena aku sudah bisa membuat animasi carousel di aplikasi saya, saya bangga dan mengerti bagaimana mr akash menjadi hebat.
Amazing tutorial man, hey if you are still reading the comments after an year of upload it. I have a question if you are reading this please reply it would be a big help. So suppose I want to go to 1st slide from 4th slide. I mean from last to start. but I don't want it to go through the 3rd, 2nd or all the slides in between like in your tutorial it did. 4th to 1st but through 3rd and 2nd back. What if I want it to go straight from 4th to 1st to show a smoother transition. How can we do that. ? is there any prototyping command which I don't know. Thanks
bro saved my life with it everyone showing the outdated solution or to sacrifice with ur design
At 1:37, please note to select the bigger frame by right clicking and choosing frame selection, only then the frame will get adjusted.
For those who come here recently, holding down CTRL makes it possible to directly drag the outer container frame
Thx you so much
this video was really helpful for me, I had watched several carousel animation videos but you made the process look so easy and fast. Thank you so much for contributing to ui/ux community.
Images aren't moving at all
What might be the issue?
Doing some prototyping for school, this was so helpful - thank you
I mean... thank you so much. After many videos, you are the only one who has explained this perfectly. Thanks a ton :D
This video is so perfect. First time someone explained steps in figma this much. Great for beginners.
Thank you so much for helping us new designers!
You have no idea how many times I failed to do this until I got to your video! YOu are the best!
Very well explained and slow paced. I was able to follow and recreate, thanks!
Glad it helped 🤓
Thank you, I was looking to create this exact animation but I couldn't find a video on it. Your tutorial is clear and straight to the point, it really helped, cheers.
I really like your voice, your way of explaination the pace too...just perfect. You got a new sub! Thanks a lot
Short, crisp and very helpful! Thanks!
This was incredibly helpful and straight to the point, I subscribed!
amazing, you're teaching skills are great, keep it up brother
I’ve tried to follow this but can’t get the delay interactions to work once the frames have been made into a component.
They work in a frame but won’t allow ‘after delay’ to be selected from the interaction choices.
same, any help?
i think you should make it component set, buy tapping component slider 1,2,3 to get component set.
my problem was to detach it doesnt want to
Great tutorial, thanks Akash!
thanks, Akash struggled with it for days, but it's all solved now. Really appreciate it and look forward to more videos from you.
Most welcome!
This works perfectly and so easy to follow, thank you so much!
thank you very much, im so glad that now i know how to make a slider in figma
Thankyou for this video, Akash!
The tutorial was so concise and clear. It was really helpful. :))
thanks for this..straight to the point and easy to understand✨
Thanks for the tutorial! I had a little problem: my last frame (with thw last image) is linking to the first one but Figma is not allowing it to do it with "after delay". What can I do?
Thanks very much, made it super easy to mock something up for a project I'm working on!
Glad it helped!
Hello, i’d like to know why it just fades out and not actually slides like whats showing in the video. I did it step by step repetitively. I’d like to know if you tutorial requires the payed version to do what you did😊
I appreciate the helpful demonstration! Is there a way to ensure that the final image in the slideshow doesn't swiftly transition back to the first image in a rushed manner, causing a blur of previous images? I'm looking for a smoother transition, where each image is presented nicely, and the return to the first image is seamless without any visible blending of former images.
Did you find out?
In slider 2 while I want the second image to be at the first how do we do that it's not happening what arrow keys you've mentioned please tell
Thank you so much...this tutorial is a real life saver
Thanks for this video. It's understandable and precise.
Along with it what if we also want to have a drag animation in it?
Super. I just srarted having fun. It works perfect. Thanks. 😊
Thank you very much! I've been searching for it for eternity!!
thanku so much Akash
this really helped me😃
Amazing tutorial, solved my problem so quickly! Very concise and good information Akash 😀
Best video everyone else is going around in circles
how to solve that last picture jumping effect?
thank god for people like you
you did it in the easiest way to make understand. thanks a lot.
SIR, YOU ARE A GODSEND!!
Tysm akash for this wonderful tutorial.. it's a lifesaver for me . And i have included it in my prototype and it looks amazing 😊😊.. i follow ur tutorials and it's easy to understand and work along together 😁👍 tysm
I want the after delay to stop when clicking it, how do I do that?
Excellent tutorial man
veery nicely explained thnkss
You are most welcome
Wow, another great video and well written. It was very concise and clear! Thank you again Akash!
My pleasure!😇😇
Thankyou so much! It was a LOT of help!!
Thanks. I wish you great success and happiness
This was so so helpful! Thank you!
I was searching for this for my portfolio.. and here I got notification.
I found this video really helpful. Thank you and keep creating contents
Glad it was helpful!
3:41 how cant i move this part?
Is it possible to make an endless carousel, but in such a way that when you hover the mouse over a photo, it stops?
thx man really help me a lot
Here again coz i forgot 😂😂
Buts its really helpful
Thanks 😊
why used component set . insted of only image componanet
Great tutorial, easy to follow along with. Thanks!
Sorry I couldn’t hear you properly, how did you put the 4 pictures in a frame?
this tutorial is so good, thank you so much!
I think this method can't be done anymore because I've looked at it 3 times and done it but I can't do it, in the end figma shows me that there are 3 components and you and another person that I saw who did this procedure only one comes out, and When I put it in a frame to see if it works, it doesn't do anything.
It works but it’s not showing well on my prototype. When I’m designing it it’s in the centre but when I go to prototype it barely shows and it’s driving me crazy
Awesome..so easy to understand..
Thxx man, it was really helpful
Can you tell me how to export a file with animation in fingms
Hi! Just wanna say thanks for this tutorial! It is very helpful!!
Thank you😇
You're awesome my friend.
Any idea how the prototype would be so that the carousel stops when mouse enters?
Hi Akash im having issues to move the frame to the second image.
I found this very helpful on a project I am currently working on. Thank you
Glad it was helpful 😇
Very helpful and easy to understand
Helped me so much, thanks !
Thanku for helping bro😊
i love you
thank you
OMG i was going insane! THANK YOU!!
Thank you! How do you make the transition from the 4th image back to the 1st image to be similar to the others?
Hey Mark,
I have not explained that bit in this video to keep this video simple. The transition you are asking for requires a trick, i have explained that bit in my other video here: ua-cam.com/video/K97aa24WlKo/v-deo.html
@@AkashYadavUX Thank you!
Hi sir, i have a question like...can we write on that picture ? Like, i got a carousel on personality development and after watching this video i thought to use your idea and i need to add some of the words on the image for the course i'm working on
good job it's really help full
Hi Akash, i followed all the steps, but the animation not happening in "after delay"
Thanks for the video. It's very useful! 🥰
Glad it was helpful!
Your final frame move back to 1st one and seems odd. To avoid it. Do repeat the 1st frame to final and reduce the animation 1ms.
Thanks so much man!!
also tell us that when you hide the component , the pictures will not change
This was very helpful. Thank you!
Nothing is happening with command key. Any other way to do the same?
Thank you so much! Very well explained ✨
Great tutorial!
Muchas gracias, estuvo simple y concreta tu explicación, te felicito!
what do you press when you slide the photo?
Hey
I used Shift+ mouse to move the images quickly as this makes sure that images always stay in same line and doesn't move out of the frame. :)
why i cant select after delay?
great video!! however is it possible for the images to slide in the same direction , like just cycle back to the first image after the last one in the same direction and not go back in reverse !! i want the images to loop and but its going back in reverse after the last image back to image 1
Yup, explained it here in my other video. You can implement both the techniques to get the desired effect
ua-cam.com/video/K97aa24WlKo/v-deo.html
nice video akash. It really help me in my work .thank you
Glad it helped
I found this super useful, thank you
You're welcome!
Very helpful! Thanks!
Hey Akash!
Great and a simple tutorial. But how do we so it along with the texts? ie: if all the images had their respective texts?
Love the video👌🏾❤️
Thanks brother ❤❤
Loved it. The first image looping from the last seems to have a rewind effect. Is there a way to make the loop go from right to left as well?
I think that if instead of directing the last image to the first, you direct it to the one before, and do the same with the remaining, that could work. But probably would need to try it first.
Hey Swapnil
To loop the animation you need to create an additional frame which should be same as the first frame and place this as last frame.
Connect second last frame to this additional frame via instant setting in prototyping, similarly connect this new frame to first frame again with instant.
You can check older video on mu channel around cyclic carousel. I have explained this bit in details :)
Terima kasih atas tutorialnya karena aku sudah bisa membuat animasi carousel di aplikasi saya, saya bangga dan mengerti bagaimana mr akash menjadi hebat.
Can i export a prototype as a website ? I know i am gonna love making them but will I be able to make it work easily ?
Thank you ! Great tutorial.
Amazing tutorial man, hey if you are still reading the comments after an year of upload it. I have a question if you are reading this please reply it would be a big help. So suppose I want to go to 1st slide from 4th slide. I mean from last to start. but I don't want it to go through the 3rd, 2nd or all the slides in between like in your tutorial it did. 4th to 1st but through 3rd and 2nd back. What if I want it to go straight from 4th to 1st to show a smoother transition. How can we do that. ? is there any prototyping command which I don't know. Thanks
Thank really helpful♥
so wonderful.💕💕