Neumorphic Animations in Figma | Smart Animate | Figma Tutorial

Today we will create Neumorphic animations in Figma. We will use smart animate in Figma to create these beautiful animations. Neumorphism or 'new' skeumorphism is the new trend in UI design and is the next big thing. It seems like a combination between flat design, material design and the old skeumorphic design ( used in early iPhones ). I am attaching the Figma file down below for your reference. Let's get started!
The Podcast:
Apple podcast: podcasts.apple.com/us/podcast...
Google podcast: www.google.com/podcasts?feed=...
Spotify: open.spotify.com/show/3HqLWzl...
Anchor: anchor.fm/DesignWithAsh
Figma Project File: bit.ly/neumorphicfigma
For Sponsorship: [e-mail]
Join Facebook Design Group -- / punit. .
Music in the video: "Homer Said" by Dyalla
Follow Me on Twitter:
/ punitweb
Follow me on Medium:
/ punitweb
My Behance Profile:
www.behance.net/punitweb
#figma #neumorphism #designtutorial

[@mohamaddukmak4429]

yo, this is sick I love the way you explain it. You take into consideration the beginners such as myself. I'm so grateful dude, keep it ip

[@trulyjane]

Your voice is very approachable and calming. You make it seem so easy and now I'm ready to put this into practice. Thanks!

[@shashankdogra]

you not only taught some folks, neomorphism but also Interaction design and animations! Good job

[@chandlersimpson7897]

Great tutorial - thank you!! Can you show us how to build the third interaction -- the one with the purple ring?
Would love to see more tutorials like this. As I develop my Figma skills, it's so helpful to learn how to build single components, as you teach us here, rather than building entire experiences, which is overwhelming and overly general.

[@gradientMesh]

Great video as always. You're the best design teacher I've found. Thank you so much for sharing your knowledge with us.

[@PunitChawla]

It's an honor teaching you guys! You're most welcome!

[@larryfroot]

"We love figma"
What a revelation! I'll be checking it out ASAP. You also have one new subscriber! Excellent content.

[@kunalkatre]

Amazing Tutorial! Please do more of them! :D

[@bullevo627]

WE LOVE FIGMA!! More figma tutorials please Punit!

[@grey_mouse]

Thanks! Great and simple way to animate.
We love figma.

[@AmeerSameerKhan]

We love Figma!
Thanks for the amazing tutorials!

[@mashhoodlive]

Your channel deserves millions of views, subscribers and likes.
You are doing a very well done job

[@MarkWhiteartist]

"we love figma!!!"

[@hirenahir76200]

For sure🙂

[@amakmaal]

"We love figma!" Thank you very much for the tutorial!!!🤩🤩🤩

[@hisenbredrakiman8452]

I like how you can add multiple effects on Figma cuz you will need to do multiple shapes and then drop shadow on XD. I'll try out Figma as well. Thanks for your video man!

[@Kamil_Aqil]

WE LOVE FIGMA! your tutorials are great

[@abdulaleemakinyoola6796]

Good to join this channel, your explanation is second to none. I am a die-hard fan of Figma, please I need more Figma videos most especially micro-interaction in Figma

[@PunitChawla]

Thank you for the compliment! And yes you'll see more content on the channel related to figma. Get subscribed and click the bell till then :)

[@SelcukOZMUMCU]

"We love Figma!" and thanks for this useful straight forward tutorial.

[@ayushadhikari9636]

We love Figma.Please keep doing things on Figma. I guess everyone does love figma.

[@momentostesoura8732]

This is great, thank you!

[@wiserus]

Such a detailed and clear toturial👍

[@user-qz2mk2yr9v]

Thank you for your useful videos! Do it more! We love Figma!)

[@SantiYounger]

this was excellent, thank you! we love figma indeed

[@harrieads]

Thank for that man, awesome👌🏻

[@erkydi]

dis one is so dope, simple and neat, ty

[@JoeCarterDesigns]

Would love to see more Figma tutorials! very helpful!

[@PunitChawla]

Thank you Joe! Stay tuned

[@NewtonNegron]

we love figma! Thanks man for sharing your knowledge

[@tiagonunes2112]

"We love Figma!!"
"We love Figma!!"
"We love Figma!!"

[@sabrinadominguez8581]

Awesome tutorial! Thank you

[@anisazam8155]

We love figma as well as your tutorial bro
It was really awesome

[@venomousbluefrog]

FIGMAAAAAAAAAAAAAA I will be following these tutorials and playing along to recreate whatever it is you're doing.

[@donbao]

Thank you! It's a beautiful

[@user-kn7sl1zv4h]

Wonderful tutorial

[@AkyildizSerdar]

Great tips thank you!

[@relaxing8978]

This is awesome! We love figma!

[@charlesajiboye4421]

we love figma...You're the best bro

[@deepakkadian6661]

Waaooo...just wao...and time efficient

[@JK-ko3sf]

Thanks! Super useful😊

[@ranaahmed-uf5lr]

Wow That's really amazing

[@rabiathabi1368]

We love figma Thank you for these tutorials yr amazing☺️☺️☺️

[@pritamdeore6091]

We love figma ❤
And also you and your creativity 💙🤞✨

[@PunitChawla]

Thank you so much Pritam!

[@mikereilley5672]

Thank you so much Punit! Very good tutorial!!

[@PunitChawla]

I'm really happy you liked it Mike!

[@jai7787]

Awesome Punit!!

[@shreygupta7202]

waiting for more such grateful stuff!

[@PunitChawla]

More to come!

[@shireenabushammala1909]

Great tutorial ..thanks...Me to love Figma

[@SgtMajor82]

Your tutorial is so good I just completed this on my Samsung tablet and pen

[@KrasBadan]

Thanks for tutorial!

[@ncuhymck]

"We love Figma"!🥰🥰🥰❤️❤️❤️❤️

[@MrChaitanyajadkar]

Amazing!!!

[@martinmclean5985]

Subscribed! I would love to see more neumorphic design.

[@PunitChawla]

I'm glad you liked it!

[@cmdherrmann]

I love figma, and your tut is awesome

[@PunitChawla]

Thank you very much Conny!

[@KULDEEPKUMAR-yb9is]

We love figma, And your tutorial sir

[@mertcanurcan]

We love figma!
At 04:56 Punit merges the icon, from frame to a Union (Ribbon with 2 boxes, you'll find it at the top of your screen) thus can colour it all at once.

[@katherinegaspare1569]

Thanks I didn't know how to do it

[@katherinegaspare1569]

Thanks I didn't know how to do it

[@EllaDuncan_]

This was rad! Please do more!

[@PunitChawla]

Sure! Be sure to check out my other videos and subscribe!

[@priyankakhanvilkar4219]

I just started learning Figma and want to learn everything. please more videos

[@HARSHSINGH-kw2kc]

Waao it's just perfect

[@Ozeki_Negima]

Great video Punit!

[@PunitChawla]

Thank you Ozeki!

[@annaulbricht9807]

awesome, thank you!

[@PunitChawla]

You're welcome!

[@godsgiftabiola7753]

thanks
we love Figma

[@laksharora5727]

We love Figma
because of you

[@ederdavanzo2070]

Thank you. Top!

[@kishanbhalawat3284]

Yeah we love Figma 😍😍

[@pacman804]

Awesomeeeee!!!

[@pablofernandez7772]

Awesome!

[@MOHAMEDHASSAN-fk9jv]

Fantastic 🔥👍

[@alexshik2601]

We Love Figma! Thx for a good content!!! Punit Chawla!

[@olegandrianov9493]

Awesome tutorial! So simple. Do it more)!

[@onyemowojonu2685]

We over love figma..the best

[@kkRajeshkumaran]

expecting more tutorials, thank you for your effort.

[@akshaykumarrg8395]

I love the figma tutorials

[@marcellawinograd376]

We love figma! You are great!

[@PunitChawla]

Thank you very much!

[@shankhadips.5750]

Hello, @Punit. This video was excellent and very very helpful. I hope to see more exciting videos on @Figma.

[@PunitChawla]

Thank you Shankhadip!

[@hy-sky]

Thank you!!

[@souravrana4764]

thank you!

[@loperdax]

IT'S HELP ME NICE . THANK YOU FOR TOTURIAL
LOVE FROM IRAN :)

[@naveedsultan6880]

We love so much in figma

[@zaxrozabikhullayeva8465]

Amazing 😎

[@sohanulhabib1539]

We love figma ❤

[@raghibhussain1375]

Figma is the New LOVE ♡

[@nayanmarwadi3140]

We love Figma"!🥰🥰🥰❤️❤️❤️❤️

[@mauriciovega1136]

We love figma!!!

[@First.Last.99]

To do scaling of an object locked in the center al the time: for PC: press hold alt+shift and then drag/scale the object. Don't scale the object and then search for the center again.

[@toluakosile3612]

We love Figma!

[@user-jr1xk1pk5i]

We love Figma!!!

[@dimitratrovas5126]

We love Figma! :)

[@ddarkodev2923]

sweeeeet!
**"We love figma"**

[@pongkyukim5503]

We love Figma. We love you.

[@laureneb.4784]

We love Figma, dude!

[@zaxrozabikhullayeva8465]

😍we love figma

[@naitikkathiriya]

thank u so much for this easiest one, like others adobe does.. ✨✨

[@epicvillain8308]

Glad you love your work soooo much 🤣

[@charan7565]

Thank you

[@kuldeepdesigner]

We love love love figma.

[@nisargrajpura7866]

We Love Figma ❤️❤️

[@micahyacosten3535]

We love figma!!

[@nelsonsubervi-hernandez8197]

You earned another subscriber

[@PunitChawla]

Appreciate it Nelson!

[@techieendou8778]

We Love Figma and would love more tutorial comming from you....

[@PunitChawla]

Thank you! I will surely keep making them!

[@ahmmedshawn818]

we love figma ❤️

[@SalemDabbabi]

we love figma !

[@destinator23]

More more more 🔥🔥🔥

[@rohitpanse7986]

I am using figma..and i love it❤️

[@PunitChawla]

Thank you Rohit!