Skip to main content
Solved

Having Trouble Creating a Carousel

Brittany_Ejimole

I’m having trouble creating a component of 8 images that rotate. I have tried everything I know how to do. I was able to get this to work with 3 images by making a component set, but for some reason Figma will not allow me to do that this time. Could someone help me fix this or explain it to me? If you see the file it will look like the 3rd version works, but what I’m having trouble with is having one component I can add to the screen below them.

Here is the file: https://www.figma.com/file/3ycxZSxvz7pq0N1vlhBeq9/Carousel-Help?type=design&node-id=1%3A157&mode=design&t=M8juJCOib3LHb1UX-1

Best answer by morganjaebecker

I’ve created a new version for you. Take a look 🙂
What I did…

  • created 8 variant component set for each image
    -made sure there was two images either side of the main image to ensure smooth transitions
  • utilised auto layout so everything is locked neatly into place
  • added the drag interactions as well as click interactions on the dots and images either side
View original
This topic has been closed for comments

6 replies

yesilfasulye

Hi Brittany,
In the file there is “Flow 3”, can you check it? Is that you want to try?

Brittany_Ejimole

Hi there, yes I’m basically trying to make flow 3 into something I can insert into a frame on my actual prototype. When I do it now it just copies and pastes the whole 8 screens and doesn’t embed as one image that you can click through (let me know if that makes sense). I was able to do this once when I made a component set, but when I do that now the interactions stop working.

morganjaebecker

I’ve created a new version for you. Take a look 🙂
What I did…

  • created 8 variant component set for each image
    -made sure there was two images either side of the main image to ensure smooth transitions
  • utilised auto layout so everything is locked neatly into place
  • added the drag interactions as well as click interactions on the dots and images either side
Brittany_Ejimole
1 person likes this
  • Brittany_Ejimole
    Brittany_Ejimole
Brittany_Ejimole

I left a comment on the figma file to say thank you, but just so glad you did this. Thanks again!

Becker_Morgan
1 person likes this
  • Becker_Morgan
    Becker_Morgan
Becker_Morgan

You’re welcome!

A
  • Anonymous
  • 0 replies
  • August 23, 2023

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings