Figma tutorial: Image Carousel with Pagination

In this great figma tutorial you will learn how to create a beautiful image carousel with pagination, meaning, an indicator that shows on which image it is on, each click.
You will create interactive components and combine them to a one nested interactive component and using auto layout as well.
You can download the tutorial file from here -
drive.google.c...
Download the file to your machine and use the "Import file" button on your figma homepage to import it into your figma.
If you are not familiar with auto layout, i strongly suggest that you check out this tutorial to get a better idea of how to use it -
• Figma tutoria: Auto La...
If you are not familiar with components and variants, check out these tutorials -
• Figma tutorial: compon... (part 1)
• Figma tutorial: compon... (part 2)
For interactive components, please see this tutorial -
• Figma interactive comp...
#yarivbe #figmatutorial #figmavariants #figmacomponents #interactivecomponents #autolayout #absoluteposition

[@candicesterling6330]

It's you 'Not taking yourself too seriously' for me! ❤ Excellent tutorial! 💛

[@YarivBE]

Thank you so much for this amazing feedback Candice! I really appreciate it and happy to know you liked the tutorial! 🙂♥

[@gideonofoegbu4331]

Yariv Be, I respect you! Thank you. This is fantastic!

[@YarivBE]

Thank you so much for the amazing feedback! ⚡I really appreciate it 🙂

[@rithikakumar7781]

Beautifully explained thanks a bunch!

[@YarivBE]

Thanks a lot for your great feedback Rithika! I really appreciate it! 🙂🔥

[@martajanuszewska8205]

Thank You! Great tutorial!❤

[@YarivBE]

Thank you so much for the great feedback Marta! I really appreciate it! ⚡🙂

[@shabnamamiri5378]

awesome explaining 🙏

[@YarivBE]

Thank you so much for the great feedback Shabnam! I really appreciate it 🙂⚡

[@AnowarHossain-tz1qb]

Thanks for sharing this video.

[@YarivBE]

You are most welcome Anowar and thanks a lot for your feedback! I really appreciate it! ✌⚡

[@feniXgraphicDesign]

Maravilloso

[@YarivBE]

Muchas gracias! I really appreciate the feedback 🙂🔥

[@Navi-kn6is]

Thanks

[@YarivBE]

You are most welcome! Thanks a lot for the great feedback 🙂⚡

[@tori2040]

i liked the project, however the pagination dots jump up when i scroll and i don't know why.

[@YarivBE]

Hi there :) Thanks a lot for your great feedback! I appreciate it 🙂
To your question - well, its difficult to know exactly without seeing the file and how it was built, just as a primary thought or whats first to check -
- Names of elements. Make sure there are no two elements that are called the same name.
- Animation type - make sure "smart animate" is selected and not a "move it / move out".
Again, as i said, to be 100% sure why it happens, i need to see the file.
Let me know if any of what i wrote here helped or not. Fell free to write.

[@tori2040]

i don't know, on the first pagination for whatever reason when i scroll i get two dots jump up at the same time going down the path if it's framed with the images. but if i design a pagination by itself it works the way it's supposed too. the second pagination worked while in the frame with the images. it must be a glitch or it's just not refreshing correctly. anyways I appreciate all of your videos. will keep working on it.

[@YarivBE]

@@tori2040
Ok, got it. I understand you are still trying to make it work correctly - thats great.
If it doesnt work out, let me know and i need to have a link to the file. Otherwise, it will be quite difficult to understand exactly why is it not working.

[@traglesofrware6293]

Superb sir

[@YarivBE]

Thank you so much for the great feedback! I really appreciate it 🙂⚡