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.
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.
Hey everyone, if you are wondering on how to add carousel using buttons and how to add crousel indicator dots, then here is the new video to follow: th-cam.com/video/oE0v0wfX2AQ/w-d-xo.html enjoy🤩
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😊
Terima kasih atas tutorialnya karena aku sudah bisa membuat animasi carousel di aplikasi saya, saya bangga dan mengerti bagaimana mr akash menjadi hebat.
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: th-cam.com/video/K97aa24WlKo/w-d-xo.html
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
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
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 :)
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
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
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.
@@AkashYadavUX Thank you for your immediate response! so they are all one component correct? I'm not able to see the individual frame names when I select an image to link
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
bro saved my life with it everyone showing the outdated solution or to sacrifice with ur design
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?
I mean... thank you so much. After many videos, you are the only one who has explained this perfectly. Thanks a ton :D
Doing some prototyping for school, this was so helpful - thank you
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!
Thank you so much...this tutorial is a real life saver
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.
thank you very much, im so glad that now i know how to make a slider in figma
Very well explained and slow paced. I was able to follow and recreate, thanks!
Glad it helped 🤓
Short, crisp and very helpful! Thanks!
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
This works perfectly and so easy to follow, thank you so much!
Best video everyone else is going around in circles
I really like your voice, your way of explaination the pace too...just perfect. You got a new sub! Thanks a lot
Great tutorial, thanks Akash!
you did it in the easiest way to make understand. thanks a lot.
Thanks very much, made it super easy to mock something up for a project I'm working on!
Glad it helped!
thanks for this..straight to the point and easy to understand✨
This was incredibly helpful and straight to the point, I subscribed!
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?
Hey everyone, if you are wondering on how to add carousel using buttons and how to add crousel indicator dots, then here is the new video to follow: th-cam.com/video/oE0v0wfX2AQ/w-d-xo.html
enjoy🤩
Thanks for this video. It's understandable and precise.
thank god for people like you
Super. I just srarted having fun. It works perfect. Thanks. 😊
amazing, you're teaching skills are great, keep it up brother
thanku so much Akash
this really helped me😃
Thanks. I wish you great success and happiness
Thankyou so much! It was a LOT of help!!
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?
Thank you very much! I've been searching for it for eternity!!
thx man really help me a lot
This was so so helpful! Thank you!
SIR, YOU ARE A GODSEND!!
I was searching for this for my portfolio.. and here I got notification.
Thankyou for this video, Akash!
The tutorial was so concise and clear. It was really helpful. :))
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!
veery nicely explained thnkss
You are most welcome
Along with it what if we also want to have a drag animation in it?
this tutorial is so good, thank you so much!
i love you
thank you
OMG i was going insane! THANK YOU!!
Thanks so much man!!
Thxx man, it was really helpful
Helped me so much, thanks !
Excellent tutorial man
Here again coz i forgot 😂😂
Buts its really helpful
Thanks 😊
Awesome..so easy to understand..
I found this video really helpful. Thank you and keep creating contents
Glad it was helpful!
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?
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
Very helpful and easy to understand
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😊
how to solve that last picture jumping effect?
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?
3:41 how cant i move this part?
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. :)
Amazing tutorial, solved my problem so quickly! Very concise and good information Akash 😀
Terima kasih atas tutorialnya karena aku sudah bisa membuat animasi carousel di aplikasi saya, saya bangga dan mengerti bagaimana mr akash menjadi hebat.
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: th-cam.com/video/K97aa24WlKo/w-d-xo.html
@@AkashYadavUX Thank you!
Is it possible to make an endless carousel, but in such a way that when you hover the mouse over a photo, it stops?
Very helpful! Thanks!
You're awesome my friend.
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
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
This was very helpful. Thank you!
Thank you ! Great tutorial.
I want the after delay to stop when clicking it, how do I do that?
Thank you so much! Very well explained ✨
Thanku for helping bro😊
I found this very helpful on a project I am currently working on. Thank you
Glad it was helpful 😇
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 :)
Great tutorial!
Hi Akash im having issues to move the frame to the second image.
Thank u so much, u were a great help.
Any idea how the prototype would be so that the carousel stops when mouse enters?
Wow, another great video and well written. It was very concise and clear! Thank you again Akash!
My pleasure!😇😇
Thanks for the video. It's very useful! 🥰
Glad it was helpful!
Hi! Just wanna say thanks for this tutorial! It is very helpful!!
Thank you😇
I found this super useful, thank you
You're welcome!
why used component set . insted of only image componanet
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
th-cam.com/video/K97aa24WlKo/w-d-xo.html
also tell us that when you hide the component , the pictures will not change
Thanks for great tutorial! Is there a way to loop the gallery without moving back through all the photos?
I have explained that in another video here
Figma| How to make Endless scroll/slider
th-cam.com/video/K97aa24WlKo/w-d-xo.html
@@AkashYadavUX Thank you!
Helpful! Thanks!💗
thank you. I successfully made it.
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 ?
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
Saya memang masih pemula, tapi setelah mengikuti dengan cermat ternyata bisa 😁
Love the video👌🏾❤️
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.
Nothing is happening with command key. Any other way to do the same?
Thank really helpful♥
Hi Akash, thank you for this! I'm trying to follow this but I'm not able to select after delay. Do you know why?
After delay only works when you link main artboards. Make sure you are not linking inside elements mistakenly and only connecting two artboards.
@@AkashYadavUX Thank you for your immediate response! so they are all one component correct? I'm not able to see the individual frame names when I select an image to link
Hi Akash, i followed all the steps, but the animation not happening in "after delay"
Thanks brother ❤❤