Figma tutorial: Image Carousel with Pagination

preview_player
Показать описание
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 -
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 -

If you are not familiar with components and variants, check out these tutorials -

For interactive components, please see this tutorial -

#yarivbe #figmatutorial #figmavariants #figmacomponents #interactivecomponents #autolayout #absoluteposition
Рекомендации по теме
Комментарии
Автор

Muito obrigado! Passei horas tentando fazer isso funcionar e não consegui até encontrar o seu tutorial. Consegui fazer funcionar também utilizando drag para ter o movimento de arrastar no lugar do movimento de click. Você é um gênio.

jckdesigner
Автор

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

candicesterling
Автор

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

gideonofoegbu
Автор

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

tori