Neumorphic Animations in Figma | Smart Animate | Figma Tutorial

Поділитися
Вставка
  • Опубліковано 26 гру 2024

КОМЕНТАРІ • 596

  • @ayushadhikari9636
    @ayushadhikari9636 4 роки тому +2

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

  • @mertcanurcan
    @mertcanurcan 4 роки тому +5

    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.

  • @chandlersimpson7897
    @chandlersimpson7897 4 роки тому +16

    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.

  • @MarkWhiteartist
    @MarkWhiteartist 4 роки тому +16

    "we love figma!!!"

  • @bullevo627
    @bullevo627 4 роки тому +4

    WE LOVE FIGMA!! More figma tutorials please Punit!

  • @tiagonunes2112
    @tiagonunes2112 3 роки тому +16

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

  • @shashankdogra
    @shashankdogra 4 роки тому +1

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

  • @mashhoodlive
    @mashhoodlive 3 роки тому

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

  • @thirumalaiv441
    @thirumalaiv441 Рік тому

    " We love figma " and you are amazing, thanks for the tutorials you have made..... And awaiting for more

  • @venomousbluefrog
    @venomousbluefrog 3 роки тому +2

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

  • @ncuhymck
    @ncuhymck 4 роки тому +10

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

  • @ምስጉንነውየተመሰገነ-ኘ7ዘ

    Wonderful tutorial

  • @JoeCarterDesigns
    @JoeCarterDesigns 5 років тому +4

    Would love to see more Figma tutorials! very helpful!

  • @trulyjane
    @trulyjane 4 роки тому

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

  • @srijeetasrivastava7997
    @srijeetasrivastava7997 4 роки тому +1

    WE LOVE FIGMA!
    WE WANT A FIGMA PLAYLIST

  • @martinmclean5985
    @martinmclean5985 4 роки тому +2

    Subscribed! I would love to see more neumorphic design.

  • @NewtonNegron
    @NewtonNegron 2 роки тому

    we love figma! Thanks man for sharing your knowledge

  • @shankhadips.5750
    @shankhadips.5750 5 років тому +2

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

  • @larryfroot
    @larryfroot 3 роки тому

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

  • @Kamil_Aqil
    @Kamil_Aqil 4 роки тому

    WE LOVE FIGMA! your tutorials are great

  • @SelcukOZMUMCU
    @SelcukOZMUMCU 3 роки тому

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

  • @TeaInTheEarlyMornings
    @TeaInTheEarlyMornings 4 роки тому +1

    This was rad! Please do more!

    • @PunitChawla
      @PunitChawla  4 роки тому

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

  • @kunalkatre
    @kunalkatre 4 роки тому +5

    Amazing Tutorial! Please do more of them! :D

  • @gradientMesh
    @gradientMesh 5 років тому +4

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

    • @PunitChawla
      @PunitChawla  5 років тому +2

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

  • @abdulaleemakinyoola6796
    @abdulaleemakinyoola6796 5 років тому +1

    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
      @PunitChawla  5 років тому

      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 :)

  • @SgtMajor82
    @SgtMajor82 3 роки тому

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

  • @ShaggtyDoo
    @ShaggtyDoo 4 роки тому +24

    "We love figma"!

    • @aryandhanawade8063
      @aryandhanawade8063 3 роки тому

      @@kareemarturo9092 Did it worked ? I'm want to hack my ex's IG

  • @Ozeki_Negima
    @Ozeki_Negima 4 роки тому +1

    Great video Punit!

  • @anisazam8155
    @anisazam8155 3 роки тому

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

  • @ТатьянаБиландеДемидова

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

  • @mikereilley5672
    @mikereilley5672 4 роки тому +1

    Thank you so much Punit! Very good tutorial!!

    • @PunitChawla
      @PunitChawla  4 роки тому

      I'm really happy you liked it Mike!

  • @First.Last.99
    @First.Last.99 4 роки тому +1

    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.

  • @tanutyagi2550
    @tanutyagi2550 4 роки тому +4

    "We love figma" for sure. Please do some more tutorials like this

  • @grey_mouse
    @grey_mouse 4 роки тому +1

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

  • @wiserus
    @wiserus 3 роки тому

    Such a detailed and clear toturial👍

  • @helios6193
    @helios6193 4 роки тому

    i love figma, you love figma, we all love figma!!!!!

  • @laksharora5727
    @laksharora5727 3 роки тому

    We love Figma
    because of you

  • @cmdherrmann
    @cmdherrmann 4 роки тому +1

    I love figma, and your tut is awesome

  • @pritamdeore6091
    @pritamdeore6091 5 років тому +3

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

  • @amakmaal
    @amakmaal 3 роки тому

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

  • @shreygupta7202
    @shreygupta7202 4 роки тому +1

    waiting for more such grateful stuff!

  • @marcellawinograd376
    @marcellawinograd376 4 роки тому +1

    We love figma! You are great!

  • @erkydi
    @erkydi 3 роки тому

    dis one is so dope, simple and neat, ty

  • @nisargrajpura7866
    @nisargrajpura7866 5 років тому +3

    We Love Figma ❤️❤️

  • @AmeerSameerKhan
    @AmeerSameerKhan 4 роки тому

    We love Figma!
    Thanks for the amazing tutorials!

  • @nayeemx11
    @nayeemx11 Рік тому

    we love figma, figma tutorials are helpful (2)

  • @omaryaa_
    @omaryaa_ 5 років тому +3

    We Love Figma

  • @KULDEEPKUMAR-yb9is
    @KULDEEPKUMAR-yb9is 2 роки тому

    We love figma, And your tutorial sir

  • @nayanmarwadi3140
    @nayanmarwadi3140 3 роки тому +1

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

  • @harrieads
    @harrieads 3 роки тому +1

    Thank for that man, awesome👌🏻

  • @deepakkadian6661
    @deepakkadian6661 4 роки тому +1

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

  • @kavineesh12
    @kavineesh12 4 роки тому +1

    We surely love figma

  • @charlesajiboye4421
    @charlesajiboye4421 4 роки тому

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

  • @mohamaddukmak4429
    @mohamaddukmak4429 3 роки тому

    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

  • @alexshik2601
    @alexshik2601 3 роки тому

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

  • @pongkyukim5503
    @pongkyukim5503 3 роки тому

    We love Figma. We love you.

  • @raghibhussain1375
    @raghibhussain1375 3 роки тому

    Figma is the New LOVE ♡

  • @hardikkarelia3783
    @hardikkarelia3783 4 роки тому +2

    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.

  • @Grewal0007
    @Grewal0007 5 років тому +1

    You killed it Sir 🥰

    • @PunitChawla
      @PunitChawla  5 років тому +1

      Thank you as always, Gurpreet!

  • @SantiYounger
    @SantiYounger 3 роки тому

    this was excellent, thank you! we love figma indeed

  • @ahmmedshawn818
    @ahmmedshawn818 4 роки тому +1

    we love figma ❤️

  • @TheCreativeDad
    @TheCreativeDad 2 роки тому +1

    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! ✌🏾

  • @hisenbredrakiman8452
    @hisenbredrakiman8452 5 років тому +3

    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!

  • @sohanulhabib1539
    @sohanulhabib1539 5 років тому +4

    We love figma ❤

  • @priyankakhanvilkar4219
    @priyankakhanvilkar4219 4 роки тому

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

  • @relaxing8978
    @relaxing8978 4 роки тому

    This is awesome! We love figma!

  • @nelsonsubervi-hernandez8197
    @nelsonsubervi-hernandez8197 4 роки тому +1

    You earned another subscriber

  • @sibalsekya
    @sibalsekya 3 роки тому

    Makasiee wkwkwk org india emng paling hebat soal design, design sistem, web design, dev design, programming

  • @sreejithps7527
    @sreejithps7527 4 роки тому

    4:58 how did you select it as a group and select fill option i couldn't do it if i select fill option the whole plugin goes that colour as a square plane colour .In mine,Its showing that home and the door are different.Please tell me a solution.

  • @indiantiger10
    @indiantiger10 4 роки тому +1

    Yes please do more figma tutorials

  • @olegandrianov9493
    @olegandrianov9493 2 роки тому

    Awesome tutorial! So simple. Do it more)!

  • @uchiaitachi1431
    @uchiaitachi1431 2 роки тому

    In GMS screen select appes and then select Analog app 1 TE. That worked out for .

  • @ankitamehta3307
    @ankitamehta3307 4 роки тому +1

    WE LOVE FIGMA

  • @sabrinadominguez8581
    @sabrinadominguez8581 3 роки тому

    Awesome tutorial! Thank you

  • @onyemowojonu2685
    @onyemowojonu2685 3 роки тому

    We over love figma..the best

  • @digitalseth4396
    @digitalseth4396 4 роки тому +1

    I love the android studio

  • @mauriciovega1136
    @mauriciovega1136 4 роки тому +1

    We love figma!!!

  • @akshaykumarrg8395
    @akshaykumarrg8395 2 роки тому

    I love the figma tutorials

  • @angelacalvin6198
    @angelacalvin6198 4 роки тому

    "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 ;)

    • @ankit-pr2qh
      @ankit-pr2qh 3 роки тому

      well i am at the prototyping stage but i cant get that small dot for prototyping can u tell me what to do

  • @ranaahmed-uf5lr
    @ranaahmed-uf5lr 3 роки тому

    Wow That's really amazing

  • @chefrany
    @chefrany 4 роки тому +1

    We Love Figma!

  • @kishanbhalawat23
    @kishanbhalawat23 4 роки тому

    Yeah we love Figma 😍😍

  • @momentostesoura8732
    @momentostesoura8732 2 роки тому

    This is great, thank you!

  • @rabiathabi1368
    @rabiathabi1368 3 роки тому

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

  • @shinikyokai8815
    @shinikyokai8815 3 роки тому

    Neumorphism is the definition of form over function.

  • @relaxingmeditationmusic1988
    @relaxingmeditationmusic1988 2 роки тому

    WE LOOOOOOVVVVEEEE FIGMA

  • @joshbuzz1982
    @joshbuzz1982 4 роки тому +1

    We love Figma!

  • @techieendou8778
    @techieendou8778 5 років тому +1

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

    • @PunitChawla
      @PunitChawla  5 років тому

      Thank you! I will surely keep making them!

  • @jai7787
    @jai7787 4 роки тому

    Awesome Punit!!

  • @laureneb.4784
    @laureneb.4784 4 роки тому

    We love Figma, dude!

  • @shireenabushammala1909
    @shireenabushammala1909 2 роки тому

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

  • @donbao
    @donbao 4 роки тому +1

    Thank you! It's a beautiful

  • @nishajaffer3470
    @nishajaffer3470 4 роки тому

    Too good.. pls do more videos on figma

  • @loperdax
    @loperdax 3 роки тому

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

  • @dimitratrovas5126
    @dimitratrovas5126 4 роки тому

    We love Figma! :)

  • @rohitpanse7986
    @rohitpanse7986 5 років тому +1

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

  • @amanuelderesse398
    @amanuelderesse398 4 роки тому

    We love Figma forever

  • @Balasisters2303
    @Balasisters2303 4 роки тому +2

    Loved it! Can you do some more tutorials on smart animate?

  • @candearguello7115
    @candearguello7115 4 роки тому

    we LOOVE Figma!

  • @user-us1wu9oy9b
    @user-us1wu9oy9b 4 роки тому +1

    we love figma bro

    • @PunitChawla
      @PunitChawla  4 роки тому

      Coming up with more videos soon