Is there a way to create buttons for this so that I can covert it to a desktop prototype? I'm trying to make a website landing page that will include a carousel component and would love to know how to connect the interactions to actual buttons for cursors.
There is some crazy mojo going on here. I honestly can't figure out how if I populate the first instances of the carousel with images that it affects the rest of the image boxes in the other two states in the component but I love it and I loved this video.
Very informative tutorial it was. Thankyou. But please make a video on making the same carousel with pagination below and please make sure that the no. of images are more than 3. I couldn't find a single video on UA-cam teaching how to make that.
@@ardhiyanah5544 agreed but how will you add interaction to both the carousel as well as pagination simultaneously. Also it can be done but only with 3 images using alignment left, center and right of auto layout which I have already tried. My doubt is what if we want to add more than 3 images, how will we position the images so that they get the carousel effect in every image with pagination?
Thank you very much. One small issue on my side, though : once I resize that carousel galery component to make the last example in the video (the big gallery), I can only swipe to the left in the proto mode. (Swiping back to the right does not work anymore, no matter what I do). I checked your file in Community, and our settings are exactly the same on that component. Plus, I followed very carefully your video, which is extremely well explained. Does anyone has the same result or a clue on what I could do, please ?
Hi! You need an interaction that goes back as well. So you might only have interactions moving on to the next one, but not interactions moving back to the previous ones. Drag interactions are unique in that you can have multiple drag interactions on the same item. Let me know if that helps you out!
Wait just read that it breaks when you resize it. Are you sure you are not on the last gallery item? Make sure you reset your component to start at the first item in the design panel. Choose the first variant.
Thanks for the vid! I have another question: What should you do in figma if you want a component to always appear in its original state when you return to a screen, even after making changes to that component?
Funny you should ask. There is a new option that just launched today that will allow you to manage the states across frames. Select the connecter between your frames that have the interactive component and you can deselect "reset state".
Interactions has bug when I drag right-> it drags opposite direction? Please fix it ASAP!.
Miggi this kind of format is great, from scratch. We are thirsty for more!
Is there a way to create buttons for this so that I can covert it to a desktop prototype? I'm trying to make a website landing page that will include a carousel component and would love to know how to connect the interactions to actual buttons for cursors.
it took me time today to reproduce this tutorial and i saw after there was the activity file in link.... MY GOD !
Finally I found what I was looking for from a long time.
There is some crazy mojo going on here. I honestly can't figure out how if I populate the first instances of the carousel with images that it affects the rest of the image boxes in the other two states in the component but I love it and I loved this video.
Very informative tutorial it was. Thankyou. But please make a video on making the same carousel with pagination below and please make sure that the no. of images are more than 3. I couldn't find a single video on UA-cam teaching how to make that.
Isnt that simple ? It means you just need elements represent the pagination, and put a prototype interaction in it bro
@@ardhiyanah5544 agreed but how will you add interaction to both the carousel as well as pagination simultaneously. Also it can be done but only with 3 images using alignment left, center and right of auto layout which I have already tried. My doubt is what if we want to add more than 3 images, how will we position the images so that they get the carousel effect in every image with pagination?
Thank you very much.
One small issue on my side, though : once I resize that carousel galery component to make the last example in the video (the big gallery), I can only swipe to the left in the proto mode.
(Swiping back to the right does not work anymore, no matter what I do).
I checked your file in Community, and our settings are exactly the same on that component.
Plus, I followed very carefully your video, which is extremely well explained.
Does anyone has the same result or a clue on what I could do, please ?
Hi! You need an interaction that goes back as well. So you might only have interactions moving on to the next one, but not interactions moving back to the previous ones. Drag interactions are unique in that you can have multiple drag interactions on the same item. Let me know if that helps you out!
At this point, I am creating the back interaction: ua-cam.com/video/7h-W_BZ6Md0/v-deo.html
Wait just read that it breaks when you resize it. Are you sure you are not on the last gallery item? Make sure you reset your component to start at the first item in the design panel. Choose the first variant.
@@figma-miggi Thanks a lot for your suggestions
the shift space drag not working when i leave the mouse button it jumps back to original position, what could be the problem
Great sir ! Thankyou.
Thanks for the vid! I have another question: What should you do in figma if you want a component to always appear in its original state when you return to a screen, even after making changes to that component?
Funny you should ask. There is a new option that just launched today that will allow you to manage the states across frames. Select the connecter between your frames that have the interactive component and you can deselect "reset state".
@@Figma thanks a lot!
waw...i like it...thank you bro
great ! thanks
Very limited and a gimmick sadly =( and you can only go one direction
Great Concept