Figma 3D Animations With Real Physics! - This Feels Real | Figma + Spline Tutorial

Поділитися
Вставка
  • Опубліковано 28 сер 2024
  • Today we are making real 3D animations with real physics like gravity, weight, bounce, etc. This is made possible thanks to the Spline 3D tool.
    Duplicate the Figma design: www.figma.com/...
    Duplicate the Spline file:
    app.spline.des...
    Get the equipment I use:
    1. Mic: amzn.to/3b2OQa5
    2. Camera: amzn.to/3rJzPj6
    3. Macbook Pro: amzn.to/3aYeD30
    4. Asus Gaming Laptop: amzn.to/2Mj4cN7
    5. Pop filter: amzn.to/3aYfReC
    For Sponsorship: punitwebdeveloper@gmail.com
    Follow Me on Twitter:
    / punitweb
    Follow me on Medium:
    / punitweb
    My Behance Profile:
    www.behance.ne...
    #figma #spline #design

КОМЕНТАРІ • 41

  • @hoagdunicorn
    @hoagdunicorn Рік тому +1

    i really apreciate your help with dowloanding this software

  • @burakuymaz2721
    @burakuymaz2721 Рік тому +1

    thanks, it actually let me through so i could download it.

  • @AryanSingh-yp8dj
    @AryanSingh-yp8dj Рік тому +1

    Spline is really cool

  • @ambreclinic1244
    @ambreclinic1244 Рік тому +1

    Woah, great video mate!

  • @allaboutmanhua
    @allaboutmanhua Рік тому +1

    thanks a lot!!! so nice reverb

  • @Shikarte
    @Shikarte Рік тому +1

    This animation is so cute. Love your work ❤❤

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

      Thank you bubu! Means the world to me :D

  • @alcatroze
    @alcatroze Рік тому +2

    Thank you for this! Super cool video! A+++

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

    Thank you so much for this beautiful tutorial.

  • @phynimol397
    @phynimol397 Рік тому +1

    So cool thanks!

  • @yukkishuji6066
    @yukkishuji6066 Рік тому +1

    This is great, thank you!

  • @volodymyrsymchuk6762
    @volodymyrsymchuk6762 Рік тому +1

    Thank you! Such a creative idea

  • @SPGraphics_channel
    @SPGraphics_channel Рік тому +3

    So, can we use the same in Development phase also, where we don't need to add the animation through coding?

  • @reyhanfebrian5185
    @reyhanfebrian5185 Рік тому +1

    Nice tutorial.... Very helpful

  • @aryankalpanshah
    @aryankalpanshah Рік тому +1

    Woooah, super cool!!!

  • @ytRap007
    @ytRap007 Рік тому +1

    amazing

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

    Thank you so much Sensei! You are a blessing!

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

    Can post a video on how to design a dynamic map chart eg. A map chart showing a crop cultivated in a country.
    Thanks.

  • @startagain127
    @startagain127 Рік тому +1

    Very nice

  • @krithikasha7961
    @krithikasha7961 Рік тому +1

    Bro I tried it but the spline is not supporting the 3D image form sketchfab it shows failed. what should I do now, I was confused
    Can u help me please

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

      Do try some other model and try with the same format I’ve stated.

  • @Pondering_Wisdom
    @Pondering_Wisdom Рік тому +1

    Like it.

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

    That was great. Thank you.

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

    While i exporter I wasn’t able to remove the background cubes we made for reference. Ps i followed the ‘hide’ option too. Where did i do wrong?

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

    I couldn't find the frame recording option on my spline; instead, it was video recording, which didn't work in Figma. What should I do?

  • @user-nn8mf4qk5o
    @user-nn8mf4qk5o Рік тому

    I didn't get the "environment setting" option in Spilne. Do I need to get upgraded version for this?

  • @bd-zb5wo
    @bd-zb5wo Рік тому +1

    oww nice

  • @JoaoPaulo-zp7zp
    @JoaoPaulo-zp7zp Рік тому

    Works well!! DANKEEE

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

    I am not able to add the shoe to Spline. I tried downloading different ones and tried as well...

  • @raystarzee3929
    @raystarzee3929 Рік тому +1

    Awesome video! got a question. I tried to create a mockup using anima but finding it extremely difficult. How do you create a mockup of this , if you were to post it on instagram?

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

      The best is to record the prototype with a good screen recorder. Then you can edit the visuals in a video editor. The results with this will be much better for your socials :)

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

      @@PunitChawla which screen recorder would you recommend? The QuickTime player is horrible quality

  • @user-xd8be1fb2w
    @user-xd8be1fb2w Рік тому

    Hi, did you know about the Physics animation plugin for Figma?

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

    sir there is one doubt whenever i am adding anything from sketch fab it coming with 3d assets not with colours and shaders and stuff so it is very difficult to get those 3d assets back with all features how can i get that or else it's like eternity to get all the colours material and shades back

  • @shoryaarora3572
    @shoryaarora3572 Рік тому +1

    Hey punit !
    Can't unzip the file.

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

      Try a different zip file extractor.

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

    Who ever Wondering how he removed the boxes. Just hide the material of each object. (Thanks me later.)

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

    I dоwnloaded everything is okay