How To Create a Functional "BACK TO TOP" Button in Figma

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

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

  • @tioroshi8256
    @tioroshi8256 ปีที่แล้ว +20

    Now in prototype set "On Click" > Scroll To > Select a frame on the top, done!

    • @santiagoardila2202
      @santiagoardila2202 ปีที่แล้ว +2

      Thanks bro you transformed 8 min of video in 30 sec

    • @DomTVdotTV
      @DomTVdotTV ปีที่แล้ว

      haha yes seeing the process was cool but this is the only reason i watched the video@@santiagoardila2202

    • @jareboi18
      @jareboi18 11 หลายเดือนก่อน +2

      How do you do it in a frame with auto layout?

  • @kirbypotito
    @kirbypotito ปีที่แล้ว +14

    Please, do a tutorial with this new update, this is not function anymore

  • @Gorilla_brown786
    @Gorilla_brown786 ปีที่แล้ว +3

    How do you connect one rectangle in one frame to another rectangle in another frame? I can't do it.

  • @baichuanlu3131
    @baichuanlu3131 ปีที่แล้ว +1

    this is a mobile page, so does mouse enter still work?

  • @sk.q7049
    @sk.q7049 6 หลายเดือนก่อน

    Hello,can you make this vlog for framer too?

  • @sanamadre5051
    @sanamadre5051 ปีที่แล้ว

    What would be the substitute for mouse enter for app as in app you scroll thus mouse enter not working for me.

  • @jen5917
    @jen5917 ปีที่แล้ว +3

    after i "fix position" the scroll to top button from the second screen, the "mouse enter" prototype from page 1 does not work for me. the button wont show... how can i fix this?

  • @JoseReyes-pr9hg
    @JoseReyes-pr9hg ปีที่แล้ว +1

    I will run my own experiments but how could you replicate this in a mobile environment where there is not a mouse available?

  • @hoshinohikaru907
    @hoshinohikaru907 ปีที่แล้ว +3

    my figma does not show the fix position when scrolling. What should I do?

    • @Tschoii90
      @Tschoii90 ปีที่แล้ว +2

      It is now in the prototype section on the top right.

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

      @@Tschoii90 Thank you very much, this has been a problem for me for a long time, but thanks to your comment I now know how to fix it!
      Muchas gracias, eso ha sido un problema para mí por mucho, tiempo, pero gracias a tu comentario ahora sé como solucionarlo!

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

    How can I can do the same but with hover state?

  • @zinmyowin978
    @zinmyowin978 2 ปีที่แล้ว

    Could you pls tell me which website or app do you use in this video for creating design?

    • @mavidesign
      @mavidesign  2 ปีที่แล้ว +2

      Figma, it's in the video title :)

    • @zinmyowin978
      @zinmyowin978 2 ปีที่แล้ว

      @@mavidesign Thanks!! and I'm waiting for your new video and design😁😁

  • @uts2521
    @uts2521 ปีที่แล้ว

    Thank you

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

    Thanks for this video. It helped a lot to me.

  • @barbatoz69
    @barbatoz69 2 ปีที่แล้ว

    Nice vid

  • @kiarakun
    @kiarakun ปีที่แล้ว

    Can "sticky scroll" be an alternative?

    • @mavidesign
      @mavidesign  ปีที่แล้ว +1

      With the new update, I think it can :)

  • @paavamkutty
    @paavamkutty ปีที่แล้ว

    back button is not working on figma even though I have made the connections. Rest all the buttons are working. Can somebody tell me what might have gone wrong?

    • @mavidesign
      @mavidesign  ปีที่แล้ว

      To get personalized help and feedback on your project, please join my free Discord server.
      You can send me an Instagram DM or reach out to my email (About section of my channel) to get your invite.
      I'm unable to help everyone over TH-cam - thank you for your understanding!
      Mavi

  • @maryamabaee332
    @maryamabaee332 ปีที่แล้ว

    I can't understand from copying a background and pasting it to website 1...:/

    • @mavidesign
      @mavidesign  ปีที่แล้ว

      To get personalized help and feedback with your project, please join my free Discord server.
      You can send me an Instagram DM or reach out to my email (About section of my channel) to get your invite.
      I'm unable to help everyone over TH-cam - thank you for your understanding!
      Mavi

  • @junjie83
    @junjie83 ปีที่แล้ว +1

    I can't make it lol.. how

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

    as a programmer, forced to learn ux design, figma seems like a fancy software for you to find awkward ways to fake a functionality, jesus christ, a "back to top" button is one of the most basic, most common things a SPA should have, it's so common that it should be a prototyping option, why are we forced to make all of this janky shit just for something that every single website has?

  • @MichaelLucas-t4i
    @MichaelLucas-t4i 9 หลายเดือนก่อน

    way to fast. also shapes cant connect to other shapes with protyping, only frames.

  • @hayuralves1207
    @hayuralves1207 2 ปีที่แล้ว +3

    I did not like