How to Create an Endless Auto-Scrolling Animation in Figma with

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ม.ค. 2025

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

  • @IzabelaBoneva
    @IzabelaBoneva 7 หลายเดือนก่อน +9

    I lasted so much time watching other videos and only after watching this one, I finally made the animation. Thank you so much for this tutorial!

    • @design_with_mahsa
      @design_with_mahsa  7 หลายเดือนก่อน +2

      Dear Izabela, your comment warms my heart and encourages me to keep going, especially during times when I feel discouraged about making videos. Thank you very much

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

      same. so easy to follow and very clear instructions~

  • @Curiosity_in_5_minutes
    @Curiosity_in_5_minutes 10 หลายเดือนก่อน +2

    I just wanted to say thank you for this helpful video!

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

      Thank you for sharing your feedback 🌹

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

    It’s the second time I am watching this video, and it helped me get ready for the presentation session with stakeholders. Thank you so much for this clear description.

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

    So easy to follow, got it done on my first try! I've watched other tutorials on the same topic and did not get the same results. Thank goodness I clicked on your video. Keep it up!

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

      Dear Abigail! Your comment warms my heart🌹I’m happy that you found it helpful. Thank you for sharing your feedback!

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

    After trying all other methods, Finally I found the right one which saved so much of my time. Thank you so much for this tutorial. Waiting for more ...

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

      Thank you! Your comment warms my heart.

  • @GayathriMurugan-r4s
    @GayathriMurugan-r4s 5 วันที่ผ่านมา +1

    this is the exact video i was looking for thanks a lot

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

    Thank you!
    Clear and precise

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

    mostly beautiful tutorial and underrated channel for web desinging and frontend

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

      Thank you so much for the kind words! I’m glad you find the tutorials helpful

  • @Tales.of.Irshad
    @Tales.of.Irshad 8 หลายเดือนก่อน +1

    i was exactly tryingthis trick in for my new project but was imperfect with finishing as I was thinking too complicated. You have showed the best version so easily.. thank you

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

      I’m happy you found it helpful. Thanks for sharing your feedback.

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

    Your tutorials is very helpful I watched many others, but I couldn’t understand them as well as I understood yours

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

      I’m happy to hear that, thank you for sharing your feedback.

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

    Wow, that was fascinating! 😮😮 I had no idea such a motion effect could be achieved in Figma. Please keep making more videos like this. Utilizing these effects can truly elevate the final output we present to our clients. Great work! 🎥✨

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

      Thanks for sharing your feedback. I’m glad that it’s helping you. 🌹

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

    duuuuude thank you so much! it worked! you're a wizard

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

    Amazing Tutorial 👏👏
    This tutorial is helpful for beginners.

  • @amaryllis405
    @amaryllis405 3 วันที่ผ่านมา

    How do y'all pushing the 2nd frame using arrow key. Cause i can't do it :)

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

    2:46 how to click in frame to move logo if i click the frame means whole frame moving please instruct me..sry for my english

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

      Same problem. Can you pls tell me if u found any solution

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

      @@Only_for_Harbinger_hackathon I found it brother..first u have to select all documents and group them. And select frame selection.....now it will be framed. Then u go to the left side area ( layers part ) find the particular frame and click the drop down and click the group. Now it will move separately...sry for my bad English..

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

      @@ShankarNagarajan2444 thank u it worked

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

      Sorry but i really don't understand😢 can someone help me​@@ShankarNagarajan2444

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

    why is mine so fast? I have already adjusted it to the video. but I did not select frame A and B, but I selected from Frame A to become a component and then added a variant.. does that have an effect?

  • @ositaufodiama3942
    @ositaufodiama3942 วันที่ผ่านมา

    Hey Mahsa, thank you for this video. I have a little bit of an issue… whenever I try to prototype the components, the “change to” option becomes greyed out. Is there a reason why?

    • @design_with_mahsa
      @design_with_mahsa  17 ชั่วโมงที่ผ่านมา

      thank you for watching the video! Regarding the issue, the “Change to” option being greyed out in Figma usually happens because the component you’re trying to prototype isn’t set up as a variant.
      To fix this:
      Make sure the components you’re working with are grouped as variants. You can do this by selecting all the components and clicking Combine as Variants in the toolbar.
      After setting them as variants, go to Prototype mode, and you should now see the “Change to” option available.
      Let me know if that helps or if you’re still having trouble!

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

    Easy to follow, very well explained and to the point.

  • @HamzaKing-c6k
    @HamzaKing-c6k หลายเดือนก่อน +1

    Amazing 😍😍
    Nice I just wanted to say thank you for this helpful video

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

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

    • @design_with_mahsa
      @design_with_mahsa  3 หลายเดือนก่อน +8

      You don’t have to create all the animations in Figma, especially since the free version has limitations. For more complex animations, you don’t need to rely entirely on Figma’s Prototype feature. Instead, you can leave a comment or add instructions near the design, explaining to the developer how the animation should work. For example, you can mention that in the Figma design, the animation should be coded so that when the user hovers their pointer over the endless scroll, it pauses. When the mouse pointer moves away, the scrolling resumes. While Figma can’t handle all animations, clear communication with the developer ensures they can implement the interactions as intended.

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

      @@design_with_mahsa thank you for the answer

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

      ​@@design_with_mahsathanks for the answer, is it possible to achieve the same effect in Protopie?

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

    You explained everything very well and in detail. Thank you so much

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

      Thank you for sharing your feedback 🌹

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

    I tried clicking inside the frame to move the logos to the left, but it’s not working as shown in the video.
    When I move the logos, the whole frame moves with them.
    Could this be due to the auto layout?

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

      Are you sure you’re selecting the inner frame? You’ll need to select the inner frame first, then you can move it using your mouse or the arrow keys on your keyboard. For more details, you can also watch this tutorial: th-cam.com/video/hKTzFcwOtcw/w-d-xo.html"

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

    Can you assist me how can i select two frames in double click ?

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

      Sorry, I didn’t understand your question.

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

    where do we take that logos

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

      You can easily search for them on Google. For example, type ‘Spotify logo PNG’ and download one with a transparent background. Then, simply drag and drop it into Figma. You can watch this video th-cam.com/video/hKTzFcwOtcw/w-d-xo.htmlsi=We8pmE4CBVvtjsBr&t=18
      for more details.

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

      @@design_with_mahsa thank you so much

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

    thans! so cool!

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

    I love the video! I like how smoothly and step-by-step you explained everything.
    Thank you so much!❤

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

      Thank you. I’m happy that it was helpful for you 🌹

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

    Hiii awesome video! but a problem seeking yr help :) everything running smoothly BUT the logos slowly fades for some reason then they turn 100% opacity wondering why T.T

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

      Thanks! Glad you enjoyed the video! For the issue with the logos, check the ‘Pass Through’ opacity setting on each frame and ensure they’re all set to 100%. Sometimes the opacity changes accidentally during adjustments. Let me know if that resolves it!

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

      @@design_with_mahsa heya thank you so much for yr prompt reply ya, I think it was just a performance issue of my laptop T.T its good now lol thanks ya

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

      @@Chaotic_Good94 happy to hear that

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

    very nice

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

    How can I reduce the speed

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

      You can watch this video for adjusting the speed: th-cam.com/video/hKTzFcwOtcw/w-d-xo.htmlsi=ojWTxfgeBklRjIew

  • @MDSalaar-v7e
    @MDSalaar-v7e 5 วันที่ผ่านมา +1

    Thanks

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

    Excellent, just one question, is there or do you use any page to download those brand logos? and if not, what should I look for on the internet to download them? Thank you and you won a subscriber.

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

      Thank you so much for subscribing! I really appreciate your support.
      To answer your question, I usually search for each brand’s logo individually. For example, I’ll type something like “Amazon logo PNG” into a search engine. Make sure to look for PNG files if you want the logos with a transparent background. I hope this helps, and feel free to reach out if you have any more questions!

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

    You saved me fr❤❤❤❤❤❤ love you bruhh

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

    How can I make it scroll slower?

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

      You can watch this video for speed adjustment th-cam.com/video/hKTzFcwOtcw/w-d-xo.htmlsi=nj4WbdyjrrTP1Y4G

  • @FatimaSagheer-ep5yo
    @FatimaSagheer-ep5yo หลายเดือนก่อน +1

    in prototype its not showing its invisible why?

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

      I’m not sure I fully understand your question. Could you explain it in more detail?

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

    thank you. I always come back to this video lol

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

    This a exactly what I needed. Quick and to the point too. Thank you!

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

      Happy to hear that. Thanks for sharing your feedback

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

    Let's gooo Mahsaa. when I heard your name i was like, wooooowwwwww. i gotta watch her video till the end. i wanna work with her so baaad. kudos to you.

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

      Thank you Amin! Your message warms my heart. 🙏🏻🌹

    • @ai-sade
      @ai-sade 7 หลายเดือนก่อน

      @@design_with_mahsa u have a business or a personal ig?

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

    thank you! Is there anyway to make it scroll slower than 10 000 ms? That's waaaay faster than what i need, but it won't let me input a higher number :(

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

      Yeah, Figma doesn’t let you set more than 1000ms. What you can do to adjust the speed is to shift two logos at a time instead of waiting to move all the logos until you reach the second set. It’s hard to explain in comments, but this video might help. Just replace the images with logos: th-cam.com/video/V_Ad9ZPa5Tk/w-d-xo.htmlsi=0XS8cY2FamVMzJgo

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

    where's the component set option in new UI ?

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

      The Components Set in the new Figma UI (UI3) can be found by opening the dropdown menu next to the ‘Create Component’ button at the top right of the Properties panel. There, you’ll find the Components menu, which includes the Components Set.

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

      @@design_with_mahsa thank you so much

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

    This is the video I was looking for, thank you

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

    no idea why it didnt work on mine, did exactly the same steps, when play, not scrolling

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

    Please, I want the logos to flow in reverse, what should I do?

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

      Thank you for sharing your feedback. I explained it in this video th-cam.com/video/V_Ad9ZPa5Tk/w-d-xo.htmlsi=0XS8cY2FamVMzJgo

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

    thankss, nice video. how to make more slower movement?

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

      Thank you for sharing your feedback.
      I have explained the speed adjustment in this video: th-cam.com/video/V_Ad9ZPa5Tk/w-d-xo.htmlsi=Xa0xykbJgSSVg70U

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

    Thank you so much for the video. It was very useful.

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

    Thank you for the tutorial! To go in reverse order for the marquee text (words scroll to right, instead of left like in the video) what would you do?? Thank you

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

      Thank you for your feedback. To move the logos to the right, you should shift them until the second set of logos appears in the first frame. Then, use the first set of logos in the second frame.
      In this example, instead of using the first Spotify logo, you should shift the logos until the second Spotify logo appears in the first frame. For the second frame, use the first Spotify logo without shifting the logos.
      I hope this explanation is clear. If you need a more detailed description, I have another video with similar steps that provides more details: th-cam.com/video/V_Ad9ZPa5Tk/w-d-xo.htmlsi=n-wQ6a3TpYtcqOhJ

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

    How can i reduce the speed

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

      I have explained the speed adjustment in this video th-cam.com/video/hKTzFcwOtcw/w-d-xo.htmlsi=xgv76efFmUMZVk6L

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

    Thank you so much Moonsa, your video really helped me!🌻

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

      I’m glad that it was helpful, thanks for sharing your feedback

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

    It was a very useful video with smooth instruction.Thanks a lot

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

      I’m so happy that you find it useful. Thanks for your feedback.

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

    I watched it again and it helped me a lot thank you !

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

    Heyhey, is there any possibility to slow down the scroll animation?

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

      Hi Lizz! I have explained the speed adjustment in this video: th-cam.com/video/V_Ad9ZPa5Tk/w-d-xo.htmlsi=Xa0xykbJgSSVg70U

  • @carloscorpus4922
    @carloscorpus4922 7 วันที่ผ่านมา +1

    GRACIAS DESDE PERUUUUUUUUU

    • @design_with_mahsa
      @design_with_mahsa  7 วันที่ผ่านมา

      ¡Gracias a ti por ver el video! Saludos desde Canada

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

    Thx! I kind of meet the problem, that after it finish to the end, it goes backward. Could you help me with the problem?

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

      Hmm, that's odd! It could be because the logos you've used or the text language are set from right to left, which is opposite to English. In this scenario, you'll need to follow the tutorial, but align the last logo in the first frame with the duplicated logo in the second frame. In my tutorial, you should align the first Microsoft logo in frame 2 with the second Microsoft logo in frame 3. Explaining it in comments might be challenging, but I'm confident you can figure it out on your own. Good luck!

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

      Same happened with me

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

    Hi, thank you for the tutorial, incredibly helpful and explained very shortly, but detailed! Question: How can I make the animation go slower? I made one with lots of logos, so it's going very quickly, how can I slow it down, would it be through changing the 1ms variable or something else? Thanks so much in advance if you know the answer to this question!! :)

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

      Hey! I’m glad you found it helpful. Unfortunately, there's a limitation in Figma that prevents us from slowing it down beyond 10000ms. However, you can increase the number of logos or experiment with a “custom spring” instead of Linear ( it is under smart animate) until you achieve the desired speed.

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

      @@design_with_mahsa thank you so much!! I really appreciate it :)

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

      Hey, I have found a new way to adjust the scroll speed and explained it in this video th-cam.com/video/V_Ad9ZPa5Tk/w-d-xo.htmlsi=FEIaLcck51550we8

  • @ewanvevo5491
    @ewanvevo5491 7 หลายเดือนก่อน +2

    Thank you gir 👌👌🔥

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

    When I clip frame 2 it clip the align logos with the frame 1

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

    Very helpful, thank you very much

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

      Happy to hear that. Thanks for sharing your feedback

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

    so cool, so awesome!

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

    This was very helpful thank you for explanation ❤️❤️🙏🏻🙏🏻

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

      Thanks for sharing your feedback 😊

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

    Hey, Can you please help me with this auto scrolling in my web!
    Really appreciate it.

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

      Sure, please send me an email. I will get in touch with you tomorrow. Here is 12:49 am in Canada right now 😉here is my email: mahsa.hm.ebrahim@gmail.com

  • @HadiTorabi-nf8eo
    @HadiTorabi-nf8eo 10 หลายเดือนก่อน

    Can I animate the texts with the same process?
    Thank you for the video 😇

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

      Yes, it has the same process.
      Thanks for your feedback🌹

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

    Thank you so much, your video was really helpful

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

      Happy to hear that. Thanks for sharing your feedback

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

    Thnx and it was working perfectly 😊

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

      Happy to hear that. Thanks for sharing your feedback

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

    Also to make it slower you can change the timing in the smart animate

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

      Yeah, the maximum delay in Figma is 10000ms, which we have used in this tutorial. To make it even slower, we can add more items.

    • @testest1632
      @testest1632 7 หลายเดือนก่อน +2

      @@design_with_mahsa hi thanks in advance but which items can we add to make it slower? thanks again

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

    Helpful, thank you

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

    Great video

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

    Thankyou so much..❤

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

    THANKYOU ITS WORKING
    😘

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

    Thank you ❤❤❤ but i have an issue. When the animation started and the logos move to the second frame, it shows with lower opacity then the opacity increases while moving! Why?

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

      Check the pass-through percentages of each logo and ensure they are set to 100%. Sometimes the percentages change accidentally. 'Pass through' is under the Layer section on the right side of Figma. Thank you for sharing your feedback.

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

    how can I slow it down?

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

      In this video, I explain a similar endless scroll with speed adjustments. You will have more control over the speed if you follow this tutorial: th-cam.com/video/V_Ad9ZPa5Tk/w-d-xo.html

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

      Hey, I have found a new way to adjust the scroll speed and explained it in this video th-cam.com/video/V_Ad9ZPa5Tk/w-d-xo.htmlsi=FEIaLcck51550we8

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

    Does anyone know how to make it stop when you hover?

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

      You don’t have to create all the animations in Figma, especially since the free version has limitations. For more complex animations, you don’t need to rely entirely on Figma’s Prototype feature. Instead, you can leave a comment or add instructions near the design, explaining to the developer how the animation should work. For example, you can mention that in the Figma design, the animation should be coded so that when the user hovers their pointer over the endless scroll, it pauses. When the mouse pointer moves away, the scrolling resumes. While Figma can’t handle all animations, clear communication with the developer ensures they can implement the interactions as intended.

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

    It was so useful. Thank you for your awesome tutorial ❤

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

    Thank you!

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

    Hi how can I slow down the speed of the carousel?

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

      Unfortunately, there's a limitation in Figma that prevents us from slowing it down beyond 10000ms. However, you can increase the number of logos or experiment with a "custom spring" instead of Linear ( it is under smart animate) until you achieve the desired speed.

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

      Hey, I have found a new way to adjust the scroll speed and explained it in this video th-cam.com/video/V_Ad9ZPa5Tk/w-d-xo.htmlsi=FEIaLcck51550we8

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

    Wow , that is just great

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

    Thanks for this Video. I made it

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

    hey don't mind. Your voice is damn awesome... i don't know anyone said that. but that's awesome. keep making more video. video is nice

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

    thanks
    it is very helpful

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

    CAN YOU MAKE A VIDEO TO EXPORT IT \

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

    Hey! I followed your steps, but my text didn't scrolling :( frustated.

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

      Did you get a solution?

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

    Thanks., i didi at the end :)

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

    Thanks it works❤

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

    Fantastic! can't wait to see more!

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

      Happy to see this🌹thanks for sharing your feedback

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

    thanks moonsa

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

    thanks alot

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

      Thank you for sharing your feedback

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

    use full thank you

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

    Very useful video. Please post more content.

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

      Sure. Thanks for sharing your feedback 🌹

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

    genia te amoo

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

    Thank you 🥹

  • @Brandon_Fonville
    @Brandon_Fonville 26 วันที่ผ่านมา

    I'm sure I️ did something wrong, because I️ followed the steps accordingly and the animation just fades. It doesn't scroll whatsoever!

    • @Brandon_Fonville
      @Brandon_Fonville 26 วันที่ผ่านมา

      Can you help me fix this? If possible

    • @mariatoma7077
      @mariatoma7077 13 วันที่ผ่านมา

      @@Brandon_Fonville hi, had the same problem and struggled for 2 days with this. In the end I didn't use auto-layout for my text+icons, but I grouped them & then used frame, similar to the video. Another small detail that I didn't find in any video so far, is when you try to align the text to match the 1st frame use the arrows from your keyboard, in order not to go out of the frame. If you simply drag the text with the mouse to align it, chances of it going out of the frame are 99% & then nothing works. Hope that helps. Good luck!

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

    I Love YOUUUUU

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

    Easy to understand tanx

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

    Hi ,I cant please help me .I don’t scroll like you😢

  • @beezeebee777
    @beezeebee777 5 หลายเดือนก่อน +2

    not working :(

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

      You can watch this video, this one has more details th-cam.com/video/V_Ad9ZPa5Tk/w-d-xo.htmlsi=AvSXW4n4F9Ybdeno

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

    👍🏻👍🏻❤

  • @life-os3qm
    @life-os3qm 4 หลายเดือนก่อน +2

    Sis this was not worked i do exactly but i dont understood wts wrong

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

      Sorry to hear that! You can watch this video th-cam.com/video/V_Ad9ZPa5Tk/w-d-xo.htmlsi=3D1sM2nqFLwMC6dg this one has more details. You can simply use your logos instead of the images.

  • @LASISIAKEEM-gh5yn
    @LASISIAKEEM-gh5yn 2 หลายเดือนก่อน

    Still not working

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

      Sorry to hear that. Maybe this video will help you; it has more details. th-cam.com/video/hKTzFcwOtcw/w-d-xo.htmlsi=Fb3i9NSjEdI794ps

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

    thank you so much

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

    use your real voice plz
    its creepy

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

      It’s my real voice,but thanks for your feedback

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

    Thank it's help me alot. Love you 🫶💕

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

      Happy to hear that. Thanks for sharing your feedback