Create AMAZING & ANIMATED Mesh Gradients | Figma Tutorial

[@akhilapraveen1099]

I wonder is there any other person around the world teaching each and every tip through a youtube tutorial. This person is even teaching how to work on anchor tools which I often find difficult in while working. Mesh gradient was the long awaited video for me and I am glad he made it with pure dedication and clarity in. Always makes me laugh in middle of tutorial- Mizko: Ok! Job done, that's it guys! I'm kidding!! Always rooting for Mizko !!!!

[@Mizko]

Wow thank you! Appreciate the kind words Akhila

[@chrisrosch4731]

@@Mizko honestly dude i have watched a lot of tutorials and courses and you are explaining so well and quick and to the point. Can't wait to work with you some day

[@playbak]

2:15 Quick tip: If you guys don't want to lose saturation of the original image colors... Save image as - to your computer, then open it in Figma (or any program). Copy image - paste, loses saturation sometimes depending on image color space.

[@Mizko]

Great tho

[@jamesdillsnwankwo5696]

Just so you know... I smash the like button each time you ask us to. Thank you for your work.

[@ninosilva9104]

omg THANK YOU for that anchor point click to delete tip. This has been driving me crazy trying figure out how to reset the curve. You're the best!

[@Auriooo]

Hands down you're the best person I found on KZbin to learn from! Thank you so much for doing this! Keep up the good work! 🙌🏻

[@tubaiqbal3436]

Hey Mizko, Thanks alot for such a wonderful video and keep posting such amazing stuff.

[@Mizko]

Thank you Tuba!

[@ecial8662]

COOL TUTORIAL! LOOKING FORWARD FOR MORE!

[@Mizko]

🔥

[@davidisiekwene]

This was so nice. Thanks Mizko

[@Mizko]

Glad you enjoyed!

[@igorgilewicz1549]

Hi! Quick and easy explained. I came to your channel from Satori and I see you have many great tuts!

[@Mizko]

Thank you Igor!

[@iacubovschimihai4338]

Hey man, really cool stuff, do you have any idea how to get rid of the banding in these situations? Thanks!

[@lengl1125]

OMG Mizko, the first 30 seconds just killed me! Dying laughing....thanks for all your great content x

[@jameskim9136]

Awesome tutorial, thank you!

[@Mizko]

Thank you James!! Great to see you around here.

[@hellofath]

Love this tutorial.

[@Mizko]

🙏🏼

[@olfaol6301]

To use such animation in a Website can we export it or it should be recreated in aftereffect ??

[@Mizko]

^ Exactly

[@The_Apricity]

Awesome tutorial Thanks alot!

[@Mizko]

Appreciate it!

[@debodyutibiswas2882]

Thank you so much! Loved it!

[@Mizko]

Thank you!!

[@smallears1234]

This is great but, what do I tell my developer on handoff?

[@ferdiboxman2484]

Hey Thankyou for this video. But, what is the best way to copy or make this into Webflow?

[@wearestudiotonic]

Nice one man. How would you then add this into a website for example?

[@Mizko]

CSS3 Transitions and Blurring. You won't be able to achieve the exact result but it will be good enough. I'm using this animation for my presentation decks.

[@wearestudiotonic]

@@Mizko Ok cool, good to know. Thanks for replying :)

[@SefatChowdhuryIsTheKing]

This could be interesting to apply on a button from normal to hover state animation.

[@allaboutislam3652]

is this codingable?

[@akpurukugodstime42]

Are u on udemy?

[@gigihernandez289]

Hey Mizko, There is a problem with my animation, every time it transitions there are white glitchy lines that appear all across the screen. Would you happen to know how to fix it?

[@Mizko]

It's either Figma or hardware issue. I don't believe Smart Animate is optimised for animations like this even though it does a great job at it.

[@abdullahqamar600]

can this be done on Adobe xd? if yes, can anyone help?

[@Mizko]

Hm. I might look into it!

[@dududu5788]

developer be like 🗿

[@Mizko]

Haha! It’s actually not too difficult to create similar effects with CSS3. Obviously not the same though. 1. Create a DIV 2. CSS3 radius + blur 3. CSS3 transitions + positioning Anyhow im purely using this for my presentations :)

[@shiv2033]

hey man, I am not able to fill the shapes with colours, I am trying to fill the shapes but nothing is happening.

[@iaevan]

why would you make us(developers) suffer this much :)

[@Mizko]

😂 it’s not that difficult!

[@iaevan]

​@@Mizko man i love your videos! im just spamming all of my presentations with this mesh gradient lol. thanks a lot for making these videos!

[@rk-ytbe]

Satori sent me hare

[@Mizko]

👌🏼 enjoy your stay

[@saobzar]

Satori Sent me

[@Mizko]

🙏🏼

[@umarusman7958]

why dont he knows that there are several plugins that creat custom gradient no need to do that work

[@erikslapins]

Waste of time since THERE'S NO EXPORT FOR THIS I don't design things to gawk at them on a Figma screen sorry :/

[@Mizko]

You can use these for presentations.