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

  Рет қаралды 12,925

Musab Alfawal

Musab Alfawal

Күн бұрын

Пікірлер: 47
@mohit_giri
@mohit_giri 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!
@esraaahmedawed6568
@esraaahmedawed6568 4 ай бұрын
Thanks for sharing, musab. Very helpful and clear.
@musabalfawal
@musabalfawal 4 ай бұрын
Glad it was helpful!
@MunzirKareem
@MunzirKareem 4 ай бұрын
Thanks, Musab for the tutorial. waiting for more.
@musabalfawal
@musabalfawal 4 ай бұрын
Will do more 👌 thank you for watching 🌱
@mdwarx
@mdwarx Ай бұрын
We need more of your content 😍
@musabalfawal
@musabalfawal Ай бұрын
Sure will do more and more, thanks for your interest
@gsoul94.channel
@gsoul94.channel Ай бұрын
To the point, thank you so much
@musabalfawal
@musabalfawal Ай бұрын
glad you like it 🌱
@Raghuzzzz
@Raghuzzzz Ай бұрын
Awesome work bro thanks
@musabalfawal
@musabalfawal Ай бұрын
Appreciate it!
@davidsampson9796
@davidsampson9796 4 ай бұрын
Thank you so much for this video
@musabalfawal
@musabalfawal 4 ай бұрын
You are so welcome! 🌱
@essambadreddin9292
@essambadreddin9292 4 ай бұрын
Great video thank you bro
@musabalfawal
@musabalfawal 4 ай бұрын
Thanks
@AudinRushow
@AudinRushow Ай бұрын
This is so cool
@musabalfawal
@musabalfawal Ай бұрын
glad you like it 🌱
@miraz_kabir
@miraz_kabir 4 ай бұрын
Thank you so much
@musabalfawal
@musabalfawal 4 ай бұрын
You are welcome 🌱
@frescomint
@frescomint 3 ай бұрын
Very good brotha
@musabalfawal
@musabalfawal 3 ай бұрын
Thank you!
@Mixedit0
@Mixedit0 27 күн бұрын
I don't understand why you included the rectangles inside the frame.
@musabalfawal
@musabalfawal 23 күн бұрын
because we need to create the base of the liquid effect
@dionemoreira4587
@dionemoreira4587 4 ай бұрын
Amazing bro! Could you send a link to the figma?
@musabalfawal
@musabalfawal 4 ай бұрын
thanks! will be available soon!
@SAGE1991
@SAGE1991 4 ай бұрын
Bro, if you could share the Figma file. It would be really helpful too, Btw really smooth prototype flow.🔥
@musabalfawal
@musabalfawal 4 ай бұрын
Thanks! 😊 I’m glad you liked it! will try to share it!
@flipmags
@flipmags 4 күн бұрын
but it get with weird borders. you know how to do it in more vetorial way?
@ellyeroms-qy1ym
@ellyeroms-qy1ym 22 күн бұрын
How do I implement this in code please. It looks so good
@zahirznaturelover5790
@zahirznaturelover5790 29 күн бұрын
that's amazing but why are you not UPLOADING more videos like this???? it's demanding...Brother kindly start again.... PLEASE...
@musabalfawal
@musabalfawal 23 күн бұрын
thanks for your support, definitely I will share more and more
@hasnaatahmad786
@hasnaatahmad786 3 ай бұрын
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 ай бұрын
@@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 Ай бұрын
The video is short, so I have a little trouble understanding it. more want bigger video,, thanks ☺
@musabalfawal
@musabalfawal 28 күн бұрын
Thanks for the feedback! I'll try to make future videos a bit longer and more detailed.
@devilplaymod8569
@devilplaymod8569 4 ай бұрын
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 ай бұрын
When will you post the next video
@musabalfawal
@musabalfawal 4 ай бұрын
Will post it soon ✨
@cybercereal
@cybercereal 4 ай бұрын
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 Ай бұрын
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! 😊
Reduce Prototypes by 50% (Simple trick) | Figma Tutorial
5:41
Figma Bento Cards Design Principles
8:53
Pixel Point
Рет қаралды 12 М.
Animate Figma's Ripple Effect in minutes! No Plugins required
12:52
Boost Your Web Design Quality with these 5 Figma Plugins
4:57
Pixel Point
Рет қаралды 11 М.
5 UX/UI Portfolios You SHOULD Copy
15:02
Leander Angst
Рет қаралды 166 М.
5 Most Useful Figma Animations For UI Beginners
19:54
Tim Gabe
Рет қаралды 97 М.
The CORRECT (and lazy) way to prototype | Figma Tutorial
5:00