How to design Automatic Carousel/ Slider in @Figma
ฝัง
- เผยแพร่เมื่อ 5 ก.พ. 2022
- if you are wondering how to add a carousel using buttons and how to add carousel indicator dots, then here is the new video to follow: • Button controlled Scro...
enjoy🤩
Definitely follow me on Twitter for my upcoming NFT project, free giveaways guaranteed 🤓: / 0xakashy
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.
bro saved my life with it everyone showing the outdated solution or to sacrifice with ur design
Short, crisp and very helpful! Thanks!
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.
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🤩
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
Amazing tutorial, solved my problem so quickly! Very concise and good information Akash 😀
You have no idea how many times I failed to do this until I got to your video! YOu are the best!
Doing some prototyping for school, this was so helpful - thank you
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 really like your voice, your way of explaination the pace too...just perfect. You got a new sub! Thanks a lot
Thank you so much for helping us new designers!
Thank you very much! I've been searching for it for eternity!!
thanks a lot for this. your explanation was simple and clear. finally i could so this :D
Thankyou for this video, Akash!
The tutorial was so concise and clear. It was really helpful. :))
Great tutorial, easy to follow along with. Thanks!
Wow, another great video and well written. It was very concise and clear! Thank you again Akash!
My pleasure!😇😇
This was incredibly helpful and straight to the point, I subscribed!
Thanks for this video. It's understandable and precise.
this was so helpful thank you!!
Thank you so much! Very well explained ✨
Thanks very much, made it super easy to mock something up for a project I'm working on!
Glad it helped!
this tutorial is so good, thank you so much!
This was very helpful. Thank you!
Muchas gracias, estuvo simple y concreta tu explicación, te felicito!
Gracias por el video, no me había dado cuenta de hacer este movimiento creando componentes
:)
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!
Very well explained and slow paced. I was able to follow and recreate, thanks!
Glad it helped 🤓
This was so so helpful! Thank you!
thanks for this..straight to the point and easy to understand✨
you did it in the easiest way to make understand. thanks a lot.
This video is so helpful! Thank you!
Awesome. Thanks for this great lesson!
Thankyou so much! It was a LOT of help!!
I was searching for this for my portfolio.. and here I got notification.
I found this very helpful on a project I am currently working on. Thank you
Glad it was helpful 😇
Thxx man, it was really helpful
Thank you ! Great tutorial.
Excellent tutorial man
Helped me so much, thanks !
Thanks for this video, Akash!
There's a way to connect the dots to the images and select them to change the status? Or Scroll with the mouse and the dots change with the image?
Thank you!
Thanks so much man!!
Thank u so much, u were a great help.
It's working amazing thank you so much
Very helpful! Thanks!
SIR, YOU ARE A GODSEND!!
Thanks mate!
Helpful! Thanks!💗
thanku so much Akash
this really helped me😃
thank god for people like you
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, im so glad that now i know how to make a slider in figma
Thank you so much. It's working 👍
Best video everyone else is going around in circles
Hey Akash,
thank you for the tutorial! the video was helpful and it really elevated my portfolio website. I was wondering how can i export this carousel into html?
i love you
thank you
OMG i was going insane! THANK YOU!!
This does help thanks!
Very helpful and easy to understand
Hi! Just wanna say thanks for this tutorial! It is very helpful!!
Thank you😇
thank you, big help
Love it. Thanks
Thanky you!
You saved my life :D
Thank you very much!
Awesome..so easy to understand..
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 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?
Great tutorial!
good job it's really help full
You're awesome my friend.
Love the video👌🏾❤️
thank you!
Wow thank you so much!
Thank you so much
I found this video really helpful. Thank you and keep creating contents
Glad it was helpful!
I found this super useful, thank you
You're welcome!
Thanks!
Thanks brother ❤❤
THANK YOU!
Thank you.
Thanks a lot!
Images aren't moving at all
What might be the issue?
Hi, Akash! this has been very helpful! I was wondering if there's a way to make it withouth the padding (the spaces between 2 images)? I'm making a instagram-like app prototype, so when I drag to the next picture (instagram post with 2+ pictures) I want it to be without spaces.
You can abosulutely do that. Just resize the bounds of the final frame that contains all the elements to the size of first element. And reduce the padding between the images. Rest of the step remains the same.
Along with it what if we also want to have a drag animation in it?
Thanks. I wish you great success and happiness
Thank you
Thanks u for information broo
thank you. I successfully made it.
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
Thanks for the video. It's very useful! 🥰
Glad it was helpful!
nice video akash. It really help me in my work .thank you
Glad it helped
thank you so much
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😊
You are the best thank you
thanks dude
Thank really helpful♥
thank u very much
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
Terima kasih atas tutorialnya karena aku sudah bisa membuat animasi carousel di aplikasi saya, saya bangga dan mengerti bagaimana mr akash menjadi hebat.
can you make a tutorial on how to make timeline map in figma?Thanks in advance.
thank you