Figma Slider Animation I Automatic Carousel/Slider Animation I Image Carousel Animation Tutorial I

The Design Channel!
Figma Carousel Animation I Automatic Carousel/ Slider in Figma I Figma Image Carousel Animation (Easy) Tutorial 2024 |
Carousels are super popular in web design, but we need to animate them to show clients how they work. So, in this video, we’ll take on the challenge of animating this carousel together.
A beginner can recreate such a design and Prototype. You can practice along with the tutorial, create new UI designs.
#thedesignchannel
For business inquiries please: contact at:
[e-mail]

[@ResonateForce]

bro when u moved the thumbnail image how did the image get disappear when i tried to do it doesn't can u plz help me

[@TheDesignChannel247]

Please follow the steps shown in the tutorial, you can practice along with the tutorial. Do not skip any of the steps. If you do, then the animation won't work. Thanks for your comment.

[@vijaygray]

Excellent design, works fine in figma, my problem is how to publish it on real website. Pls help. Animation is not carried forward. Any utility to make this happen. Thanks again for your time and efforts and beautiful design

[@TomJarry-jk7tq]

Hi Sir, firstly you need to convert the whole website design into HTML and CSS code after that you will see all animation for free on figma to website plugin

[@vijaygray]

Thank you a lot, I appreciate it. I want to know if there is any utility to convert it into HTML and CSS code

[@TheDesignChannel247]

Thank you for your kind words! I'm glad to hear that you liked the design and that it's working well in Figma. Moving from Figma to a real website involves a few steps, and ensuring animations are carried forward is crucial for bringing your design to life.
To publish your design on a real website, you'll typically need to export assets from Figma and then use HTML, CSS, and possibly JavaScript to implement them on your site. For animations, tools like LottieFiles can help convert Figma animations into a format usable on the web.

[@vijaygray]

@@TomJarry-jk7tq thank you sir for your inputs, I surely appreciate it. I will try it and see it. Thank you

[@vijaygray]

@@TheDesignChannel247 thanks and appreciate it. It's a beautiful design and I don't want to let it go. As I am a beginner, I will work on your advice and make it happen. Thanks again.