SWIPEABLE EDGE (DRAWER) in Figma - Tutorial

Поделиться
HTML-код
  • Опубликовано: 25 окт 2024

Комментарии • 21

  • @iannahaha
    @iannahaha Год назад +8

    Thanks for the tutorial! For anyone looking for the "Fix position when scrolling" option within Constraints, it might be under the Prototype tab now :)

    • @mavidesign
      @mavidesign  Год назад +1

      That's right! - Prototype > Scroll Behavior > Position > Fixed (Stay in place)
      This was recently updated, thanks for pointing this out:)

  • @Madi_Miso
    @Madi_Miso Год назад +3

    Love the way you talk through your thought process and discuss issues as they happen. Great teacher! Subscribed. :)

  • @MariaKudriavtceva7
    @MariaKudriavtceva7 Год назад +1

    Amazing! Was searching for this type of the tutorial and FOUND 🤩 Great content, easy to follow along and just perfect to apply this technique to my project.

    • @MsAmyChuang
      @MsAmyChuang 9 месяцев назад

      Me, too. It's a very useful tutorial. Thank you!

  • @memtub8782
    @memtub8782 Год назад

    Recently learning about UI in my design course and ur tutorials always come in handy! Thanks for making these tutorials.

  • @maayan55
    @maayan55 4 месяца назад

    Hey. Thanks for this, I've learned a few tricks. However, I managed to do this interaction using overlays. Overlays have an option of "Close when clicking outside, " saving you a few workarounds.

  • @catdesigner3157
    @catdesigner3157 5 месяцев назад

    I have been looking into how to do this! thx sharing, amazing work!

  • @SyedMutaharShah
    @SyedMutaharShah Месяц назад

    Thank you so much bro... really helped alot!

  • @jonask3533
    @jonask3533 Год назад

    Thank you very much, this was exactly what I needed !!!

  • @KritinSinha
    @KritinSinha 8 месяцев назад

    Thank you so much, that was helpful 👍

  • @h1a2d3e4s
    @h1a2d3e4s Месяц назад

    How did you just gave the interaction possible in that background rectangle

  • @miboy
    @miboy Год назад

    OMG! been waiting for this video for a long time. Thanks for sharing Mavi

    • @mavidesign
      @mavidesign  Год назад

      Awesome! Next time let me know!!

  • @AlanaRoseMartin
    @AlanaRoseMartin 10 месяцев назад +1

    how did you copy and paste the effect? when i select the effects section in the right pannel, it does not highlight the entire effect collumn like it does in your video?

  • @Shaninow
    @Shaninow Год назад

    amazing tutorial thank you :)

  • @emmyugwuoti6245
    @emmyugwuoti6245 Год назад

    Amazing work

  • @roberto4132
    @roberto4132 Год назад

    Amazing! Is it also compatible with bravo studio?

  • @Prz9474
    @Prz9474 Год назад

    Good stuff! That trick with adding the addition rectangle and reducing its opacity to 0% in the closed state to solve the glitchy effect is something I would've never conceived of in a thousand years. How did you discover this, what was your thought process?

    • @mavidesign
      @mavidesign  Год назад +1

      I knew that it had something to do with the rectangle fading into the second variant - with smart animations it’s best to have objects in both states and then just modify properties :) so instead of not having the object in state one and having it in state 2, I simply had the rectangle in both states and just played around with visibility / opacity