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.
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.
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
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.
Hey! Great video Punit. Just wanted to point out one thing, when you were making that slider animation you forgot to mention to change the color of the slider in the duplicated frame as well to green. Thanks! Hope it helps someone who faces this problem.
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!
for some reason the icon isnt working in my preview after i put it into my Landing Page frame. am i missing something? sorry Newby figma. would appreciate the help thanks in advance! ✌🏾
The morphing between the square and the circle shapes is not that great. I wish Figma could animate a border radius to make it smooth. Just a tip, you can press ALT to scale up/down something from the center. Will save you some time ;)
Sir, I have a doubt. @7:56 I am not able to prototype the square...the dot option is not coming...instead the option is showing to prototype the home icon.
"we love figma"! annnnnnd As someone teaching myself these things by the tutorial while learning figma, It's really hard when steps are skipped. You gotta assume we don't know everything happening. I spent forever trying to figure out how you filled the lines of the house icon. Then realized you used the union selection! OMG lol.. I was so frustrated ! But I like your videos ;)
Great informative video! I haven't tested to check, but I'm guessing you skipped something in the second scrubber animation? As not sure how it would know to go to orange at the centre point? Did you create a second frame with orange as the colour so you had 3 keyframes?
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.
Thanks I didn't know how to do it
Thanks I didn't know how to do it
We love Figma.Please keep doing things on Figma. I guess everyone does love figma.
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.
Your channel deserves millions of views, subscribers and likes.
You are doing a very well done job
you not only taught some folks, neomorphism but also Interaction design and animations! Good job
WE LOVE FIGMA!! More figma tutorials please Punit!
"We love Figma"!🥰🥰🥰❤️❤️❤️❤️
"we love figma!!!"
For sure🙂
"We love figma"!
@@kareemarturo9092 Did it worked ? I'm want to hack my ex's IG
Your voice is very approachable and calming. You make it seem so easy and now I'm ready to put this into practice. Thanks!
" We love figma " and you are amazing, thanks for the tutorials you have made..... And awaiting for more
WE LOVE FIGMA!
WE WANT A FIGMA PLAYLIST
FIGMAAAAAAAAAAAAAA I will be following these tutorials and playing along to recreate whatever it is you're doing.
"We love Figma!!"
"We love Figma!!"
"We love Figma!!"
Wonderful tutorial
We love Figma
because of you
we love figma! Thanks man for sharing your knowledge
"We love Figma!" and thanks for this useful straight forward tutorial.
i love figma, you love figma, we all love figma!!!!!
Would love to see more Figma tutorials! very helpful!
Thank you Joe! Stay tuned
This was rad! Please do more!
Sure! Be sure to check out my other videos and subscribe!
"We love figma"
What a revelation! I'll be checking it out ASAP. You also have one new subscriber! Excellent content.
We love figma ❤
And also you and your creativity 💙🤞✨
Thank you so much Pritam!
WE LOVE FIGMA! your tutorials are great
Great video as always. You're the best design teacher I've found. Thank you so much for sharing your knowledge with us.
It's an honor teaching you guys! You're most welcome!
Great video Punit!
Thank you Ozeki!
"We love figma!" Thank you very much for the tutorial!!!🤩🤩🤩
We love figma as well as your tutorial bro
It was really awesome
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
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 :)
Subscribed! I would love to see more neumorphic design.
I'm glad you liked it!
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.
We Love Figma ❤️❤️
Waaooo...just wao...and time efficient
waiting for more such grateful stuff!
More to come!
Thank you so much Punit! Very good tutorial!!
I'm really happy you liked it Mike!
Amazing Tutorial! Please do more of them! :D
We love figma! You are great!
Thank you very much!
We love Figma"!🥰🥰🥰❤️❤️❤️❤️
We Love Figma
we love figma, figma tutorials are helpful (2)
dis one is so dope, simple and neat, ty
We over love figma..the best
Such a detailed and clear toturial👍
Figma is the New LOVE ♡
We surely love figma
I'm glad you liked it!
Thank you for your useful videos! Do it more! We love Figma!)
Thank for that man, awesome👌🏻
We love figma, And your tutorial sir
Thanks! Great and simple way to animate.
We love figma.
"WE LOVE FIGMA X1000000"
We love Figma. We love you.
we love figma...You're the best bro
I love the figma tutorials
Hello, @Punit. This video was excellent and very very helpful. I hope to see more exciting videos on @Figma.
Thank you Shankhadip!
Hey! Great video Punit. Just wanted to point out one thing, when you were making that slider animation you forgot to mention to change the color of the slider in the duplicated frame as well to green. Thanks! Hope it helps someone who faces this problem.
We love figma ❤
Your tutorial is so good I just completed this on my Samsung tablet and pen
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
this was excellent, thank you! we love figma indeed
We love Figma!
Thanks for the amazing tutorials!
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!
I love figma, and your tut is awesome
Thank you very much Conny!
thanks
we love Figma
we love figma ❤️
This is awesome! We love figma!
I love the android studio
WE LOOOOOOVVVVEEEE FIGMA
for some reason the icon isnt working in my preview after i put it into my Landing Page frame. am i missing something? sorry Newby figma. would appreciate the help thanks in advance! ✌🏾
Awesome Punit!!
Yeah we love Figma 😍😍
"We love figma"
You killed it Sir 🥰
Thank you as always, Gurpreet!
We love Figma, dude!
WE LOVE FIGMA
Yes, we all do!
Neumorphism is the definition of form over function.
We love Figma!
You earned another subscriber
Appreciate it Nelson!
We love so much in figma
Awesome tutorial! Thank you
The morphing between the square and the circle shapes is not that great. I wish Figma could animate a border radius to make it smooth. Just a tip, you can press ALT to scale up/down something from the center. Will save you some time ;)
Thanks for the tip Jul! And yes, I just wish Figma updates it soon
Makasiee wkwkwk org india emng paling hebat soal design, design sistem, web design, dev design, programming
Sir, I have a doubt. @7:56 I am not able to prototype the square...the dot option is not coming...instead the option is showing to prototype the home icon.
This is great, thank you!
We love Figma! :)
We Love Figma!
Wow That's really amazing
"we love figma"! annnnnnd As someone teaching myself these things by the tutorial while learning figma, It's really hard when steps are skipped. You gotta assume we don't know everything happening. I spent forever trying to figure out how you filled the lines of the house icon. Then realized you used the union selection! OMG lol.. I was so frustrated ! But I like your videos ;)
well i am at the prototyping stage but i cant get that small dot for prototyping can u tell me what to do
awesome, thank you!
You're welcome!
we LOOVE Figma!
Amazing!!!
Yes please do more figma tutorials
More coming next week!
Great informative video! I haven't tested to check, but I'm guessing you skipped something in the second scrubber animation? As not sure how it would know to go to orange at the centre point? Did you create a second frame with orange as the colour so you had 3 keyframes?
We love Figma forever
Instead of using circle edged Rectangle; U can just use an Ellipse. Also good to learn video
we love figma bro
Coming up with more videos soon
We love Figma!!!
We Love Figma! Thx for a good content!!! Punit Chawla!
Thank you! It's a beautiful
I have problem in the Drag example...my color is transiting perfectly but not like the circle slider in your video
Great tutorial ..thanks...Me to love Figma