How to Make Automatic Photo Carousel in Figma | 3 Minutes Figma Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ธ.ค. 2024

ความคิดเห็น • 71

  • @Rosemarie-lemontree
    @Rosemarie-lemontree 18 วันที่ผ่านมา +4

    What do I wrong? It doesn't work. I see all 3 pictures in my assets, and it just stays still in my prototype. help

  • @mels287
    @mels287 3 หลายเดือนก่อน +1

    Clear, short, simple to understand! Thank you!

  • @MuRKekc33
    @MuRKekc33 18 วันที่ผ่านมา

    Thank you so much, love your tutorial!

  • @f-ou2jw
    @f-ou2jw วันที่ผ่านมา

    Thank you! ❤

  • @marialauracometta2633
    @marialauracometta2633 4 หลายเดือนก่อน +14

    Hi, this was great, but I followed the steps to the detail and it doesn't work when I try to Preview. Any idea of what could be happening?

    • @MuhammadNizzalMalik
      @MuhammadNizzalMalik 4 หลายเดือนก่อน +5

      same I got the same problem

    • @caydaf
      @caydaf 3 หลายเดือนก่อน +4

      Try to place all elements in a frame too.

  • @RenukaChaudhari-n3z
    @RenukaChaudhari-n3z 10 หลายเดือนก่อน +3

    Useful Video

  • @designersis
    @designersis 9 หลายเดือนก่อน +1

    Very nice good luck

  • @ayodejisanusi1815
    @ayodejisanusi1815 หลายเดือนก่อน +1

    thank you, easy, short to understand

  • @abychemu6994
    @abychemu6994 8 หลายเดือนก่อน +2

    This worked, thank you!

  • @TalaliChand
    @TalaliChand 2 หลายเดือนก่อน

    you are great i was stuck from more than 6 hours

    • @studio_xd
      @studio_xd  2 หลายเดือนก่อน

      Thank you, I'm glad to help

  • @mariannebos2817
    @mariannebos2817 6 หลายเดือนก่อน +1

    How do you make the carousel continue from the 1st picture, instead of it going back to the left, continue right?

    • @studio_xd
      @studio_xd  6 หลายเดือนก่อน +2

      To start the Carousal from the 1st picture instead of going to it from the last picture from left to right. You need to select the prototype settings of last image and set the animation to Instant instead of Smart Animation. Then the carousal will continue from 1st picture instead of going to itm

  • @Josh-rm4ig
    @Josh-rm4ig 6 หลายเดือนก่อน +1

    I love this! thanks

  • @Witchydeviloffl
    @Witchydeviloffl 8 หลายเดือนก่อน +2

    thanks a lot its working❤🎉

  • @joesumat
    @joesumat 4 หลายเดือนก่อน

    is there a way we can control the direction of the flow?? like instead of going to left, it's going to be on the right side?

    • @studio_xd
      @studio_xd  4 หลายเดือนก่อน

      Yes, All you have to do is to place the images on the left side (like we placed in this video on the right side) Do the prototyping and it'll go to right side from left.

    • @CHSHAKISH
      @CHSHAKISH 3 หลายเดือนก่อน

      We can use instant option instead of Smart Animate for transition from frame 4 to 1 this will resolve the issue of opposite direction flow.

  • @uifry
    @uifry 9 หลายเดือนก่อน

    Amazing !!

  • @alfisyahrin1879
    @alfisyahrin1879 9 หลายเดือนก่อน

    why my change to in my prototype is grey cannot be selected ?

    • @studio_xd
      @studio_xd  9 หลายเดือนก่อน

      You need to make sure you select all frames and click on "Create Component set" if you made components separately then select them all and you'll see an option to make component set in design section.

    • @alfisyahrin1879
      @alfisyahrin1879 9 หลายเดือนก่อน +1

      very helpfull thank you so much !

  • @ilsegarciasaldivar8822
    @ilsegarciasaldivar8822 9 หลายเดือนก่อน

    Woow michas gracias 💖

  • @jmrenteria100
    @jmrenteria100 6 หลายเดือนก่อน

    Once I run animation in preview mode the component won't automatically work. I've completed the other steps. Just don't know what i'm doing wrong. Can you help?

    • @studio_xd
      @studio_xd  6 หลายเดือนก่อน

      Does it work at all ? By clicking or it doesn't responds ?

    • @jmrenteria100
      @jmrenteria100 6 หลายเดือนก่อน

      @@studio_xd Dose not respond

    • @jmrenteria100
      @jmrenteria100 6 หลายเดือนก่อน

      I just got it to work. I then added it to my wireframe, and it dose not work again.

    • @jmrenteria100
      @jmrenteria100 6 หลายเดือนก่อน +1

      ok. I deleted the frame and re-installed the instance. Works now. thanks for responding and the video!

  • @MarcianitoPlus
    @MarcianitoPlus 6 หลายเดือนก่อน

    Gracias, fue muy funcional para mí. Era justo lo que bucaba.

    • @studio_xd
      @studio_xd  6 หลายเดือนก่อน +1

      De nada, estaré feliz de poder ayudar.

  • @dat_boi_christian921
    @dat_boi_christian921 หลายเดือนก่อน

    i cant use the change to option any ideas why?

    • @studio_xd
      @studio_xd  หลายเดือนก่อน

      You need to make sure you Combine your components. First make your frame into components then select all and click "Combine components" The UI of Figma has changed after the update so you'll have to look for the option on right side.

  • @mariaemiliapigini3333
    @mariaemiliapigini3333 5 หลายเดือนก่อน +1

    Gracias ♥

  • @Mr.MarcusTeeVee
    @Mr.MarcusTeeVee 4 หลายเดือนก่อน

    Muchas Gracias Senior

  • @noumanali12345
    @noumanali12345 หลายเดือนก่อน

    thanks bro

  • @klavamysh
    @klavamysh 7 หลายเดือนก่อน

    How do I do this scrolling, but when sliding my finger?

    • @studio_xd
      @studio_xd  7 หลายเดือนก่อน +1

      Instead of using "After Delay" use "On Drag" while prototyping. Further select "Move" and Apply directional arrow you want to go.

    • @klavamysh
      @klavamysh 7 หลายเดือนก่อน +1

      @@studio_xd thank you very much!

  • @rashmir5731
    @rashmir5731 9 หลายเดือนก่อน

    How to make last pic automatically go to first pic without blurring other pics?

    • @studio_xd
      @studio_xd  9 หลายเดือนก่อน +2

      While prototyping last pic. Instead of Smart Animate, Select "Instant" and It'll instantly shift to first pic without blurring other pics.

  • @snowycrunch016
    @snowycrunch016 2 หลายเดือนก่อน

    Is it possible to make an endless carousel, but in such a way that when you hover the mouse over a photo, it stops?

    • @studio_xd
      @studio_xd  2 หลายเดือนก่อน +1

      Yes you can do that by using variables. You need to create placeholder component for each image.

    • @snowycrunch016
      @snowycrunch016 2 หลายเดือนก่อน

      @@studio_xd Thank you for your answer! It sounds difficult 🤯 Maybe you can make a tutorial or know of another one to watch?😭

    • @studio_xd
      @studio_xd  2 หลายเดือนก่อน +1

      @@snowycrunch016 Thank You, Will definitely make a video on it soon.

  • @EvosGadoGado
    @EvosGadoGado 7 หลายเดือนก่อน

    why i cant use change it to,i so frustrating

    • @studio_xd
      @studio_xd  7 หลายเดือนก่อน

      You can not use "Change to" between separate components. To fix this issue, select all the components you've made and in design section click on "Combine as Variants" this will allow you to use the option.

  • @nazwadhr4674
    @nazwadhr4674 3 หลายเดือนก่อน

    thankyou!!!

  • @Paulineisspooky
    @Paulineisspooky 7 หลายเดือนก่อน +1

    I followed all the steps but rather the sliding it just fades out like a slideshow, help pls :

    • @studio_xd
      @studio_xd  7 หลายเดือนก่อน

      Make sure you group photos before applying Frame selection after that select "Smart Animate" and then "Ease Out" while Prototyping.

  • @mahmoudamier
    @mahmoudamier 15 วันที่ผ่านมา

    ty

  • @paulamourad4699
    @paulamourad4699 หลายเดือนก่อน +1

    Thanks!

  • @charvinangia5532
    @charvinangia5532 9 หลายเดือนก่อน

    bestt !!!!!

  • @itsadityapal
    @itsadityapal 10 หลายเดือนก่อน

    why my 1st photo don,t clip

    • @studio_xd
      @studio_xd  10 หลายเดือนก่อน +1

      You need to make sure you group all photos first then apply frame selection. Press Control Key and drag the frame upto your fiest photo. Select frame and your grouped photos then apply Clip.

  • @fabiobruno7385
    @fabiobruno7385 7 หลายเดือนก่อน

    How can i add it to another project?

    • @studio_xd
      @studio_xd  7 หลายเดือนก่อน

      You can simply add it to another project by "Cut and Paste (not copy and paste)". Cut either Component or the Asset and paste it in any new project.

  • @AliKhan-j8g2p
    @AliKhan-j8g2p 4 หลายเดือนก่อน

    hello
    is to be much easy ha

  • @nllxm
    @nllxm 7 หลายเดือนก่อน +1

    thx

  • @nobody-my5yv
    @nobody-my5yv 3 หลายเดือนก่อน

    i did this exactly the same and it did not work why :(

  • @applep11e
    @applep11e 8 หลายเดือนก่อน +1

    it's not working on me😔😔

    • @studio_xd
      @studio_xd  8 หลายเดือนก่อน

      What seems to be the issue ?

  • @MUHAMMADABDURRASYIDASRUDDIN
    @MUHAMMADABDURRASYIDASRUDDIN หลายเดือนก่อน

    makasih banyak bro

    • @studio_xd
      @studio_xd  หลายเดือนก่อน

      Senang membantu Anda

  • @ebenjohnson2875
    @ebenjohnson2875 7 หลายเดือนก่อน

    Hi
    I did all the steps
    But when i present it is not working
    Please help..

    • @studio_xd
      @studio_xd  7 หลายเดือนก่อน

      Hi ! I can't tell which step you did wrong. Kindly export your file and email it to studioxd0428@gmail.com, I can find the issue in your file and report you back.

  • @nihan2702
    @nihan2702 7 หลายเดือนก่อน +1

    Thank you so much

  • @raidenshogun-k3c
    @raidenshogun-k3c 4 หลายเดือนก่อน

    ctrl key?

    • @studio_xd
      @studio_xd  4 หลายเดือนก่อน

      I'm sorry for not mentioning, Ctrl is Control Key for Windows and Command for Mac