Figma tutorial: Image Carousel with Pagination
Вставка
- Опубліковано 7 вер 2024
- 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
It's you 'Not taking yourself too seriously' for me! ❤ Excellent tutorial! 💛
Thank you so much for this amazing feedback Candice! I really appreciate it and happy to know you liked the tutorial! 🙂♥
Yariv Be, I respect you! Thank you. This is fantastic!
Thank you so much for the amazing feedback! ⚡I really appreciate it 🙂
Beautifully explained thanks a bunch!
Thanks a lot for your great feedback Rithika! I really appreciate it! 🙂🔥
Thank You! Great tutorial!❤
Thank you so much for the great feedback Marta! I really appreciate it! ⚡🙂
awesome explaining 🙏
Thank you so much for the great feedback Shabnam! I really appreciate it 🙂⚡
Thanks for sharing this video.
You are most welcome Anowar and thanks a lot for your feedback! I really appreciate it! ✌⚡
Maravilloso
Muchas gracias! I really appreciate the feedback 🙂🔥
Thanks
You are most welcome! Thanks a lot for the great feedback 🙂⚡
i liked the project, however the pagination dots jump up when i scroll and i don't know why.
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.
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.
@@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.
Superb sir
Thank you so much for the great feedback! I really appreciate it 🙂⚡