How to Create a Dynamic Liquid Effect in Figma | Step-by-Step Tutorial

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

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

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

    Amazing tut buddy, the info, time taken, way of explanation, everything is on point.

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

      It's great to hear that, thanks for watching!

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

    Thanks, Musab for the tutorial. waiting for more.

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

      Will do more 👌 thank you for watching 🌱

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

    Thanks for sharing, musab. Very helpful and clear.

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

      Glad it was helpful!

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

    We need more of your content 😍

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

      Sure will do more and more, thanks for your interest

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

    Awesome work bro thanks

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

      Appreciate it!

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

    Very good brotha

  • @Mixedit0
    @Mixedit0 29 วันที่ผ่านมา +4

    I don't understand why you included the rectangles inside the frame.

    • @musabalfawal
      @musabalfawal  25 วันที่ผ่านมา

      because we need to create the base of the liquid effect

  • @gsoul94.channel
    @gsoul94.channel หลายเดือนก่อน +1

    To the point, thank you so much

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

      glad you like it 🌱

  • @flipmags
    @flipmags 6 วันที่ผ่านมา

    but it get with weird borders. you know how to do it in more vetorial way?

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

    Thank you so much for this video

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

      You are so welcome! 🌱

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

    Great video thank you bro

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

    This is so cool

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

      glad you like it 🌱

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

    that's amazing but why are you not UPLOADING more videos like this???? it's demanding...Brother kindly start again.... PLEASE...

    • @musabalfawal
      @musabalfawal  25 วันที่ผ่านมา

      thanks for your support, definitely I will share more and more

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

    Bro, if you could share the Figma file. It would be really helpful too, Btw really smooth prototype flow.🔥

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

      Thanks! 😊 I’m glad you liked it! will try to share it!

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

    Thank you so much

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

      You are welcome 🌱

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

    How can we prevent these type of edges because of the blending modes?

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

      could you please clarify the question

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

      @@musabalfawal He meant to say how did it look like liquid form while dragging , is it because of blending modes?

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

      @@NehalGadkar-v4j yees

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

    The video is short, so I have a little trouble understanding it.
    more want bigger video,, thanks ☺

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

      Thanks for the feedback! I'll try to make future videos a bit longer and more detailed.

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

    Amazing bro! Could you send a link to the figma?

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

      thanks! will be available soon!

  • @ellyeroms-qy1ym
    @ellyeroms-qy1ym 24 วันที่ผ่านมา

    How do I implement this in code please. It looks so good

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

    Cant we Do this with " Union selection " ?

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

      Union Selection can work in some cases, but for this effect, layering with blend modes gives more control and precision.

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

    When will you post the next video

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

      Will post it soon ✨

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

    figma crashed when I attempted this

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

      Sorry to hear that. Sometimes complex effects can be heavy on the system. Try reducing the file size or breaking it into smaller components, and hopefully, it’ll work smoother!

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

    It's too fast. I haven't learnt yet.

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

      You can always pause and rewind the video to review the steps at your own pace! 😊