Add 3D Animations in Your UI Projects! | Adobe Xd, Figma & Sketch | Design Weekly

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ก.ย. 2024

ความคิดเห็น • 111

  • @PunitChawla
    @PunitChawla  3 ปีที่แล้ว +46

    Sorry guys, forgot to put the results in the first method. But rest should work just fine as displayed. Thanks for understanding!

    • @temitayojegede1389
      @temitayojegede1389 3 ปีที่แล้ว

      Hi punit, please can you kindly respond to my mail, LinkedIn messages and twitter too
      Thanks

    • @gautamshiv9607
      @gautamshiv9607 3 ปีที่แล้ว

      No problem sir🔥

    • @motivationaldude9083
      @motivationaldude9083 3 ปีที่แล้ว

      Please punit sir...
      Can you make a video of how to download figma file into PSD format??

    • @SummerRina
      @SummerRina 3 ปีที่แล้ว +4

      @@motivationaldude9083 It is impossible

    • @mustafa_ahmed394
      @mustafa_ahmed394 3 ปีที่แล้ว +7

      Yes, you didn't show the output of the first method, and also, it's not working (talking about the first method).

  • @jacquelineasare5994
    @jacquelineasare5994 3 ปีที่แล้ว +2

    the third method of animation didn't work for me. The girl didn't appear

  • @Shaileshexpo
    @Shaileshexpo 3 ปีที่แล้ว +1

    Lucky to find this channel

  • @gauravthakkar802
    @gauravthakkar802 3 ปีที่แล้ว +28

    Make unbelievable designs
    And make developers lives hard af
    (Jk)

  • @kalyanyalla
    @kalyanyalla 3 ปีที่แล้ว +2

    Hi Puneet
    I have subscribed ur channel by seeing some of your works.
    but comes to the practical nothing is working out.
    Straight to the point method 1 is not executing that's the reason why u haven't shown the result.
    Just am unsubscribing ur channel

  • @juliandono8986
    @juliandono8986 3 ปีที่แล้ว +3

    This is awesome... Thank you for sharing this...

    • @PunitChawla
      @PunitChawla  3 ปีที่แล้ว +1

      Glad you liked it!

  • @Rakeshkumar-gl9tp
    @Rakeshkumar-gl9tp 3 ปีที่แล้ว +1

    great punit sir
    appreciate your work very help ful

  • @saicharanvenna
    @saicharanvenna 3 ปีที่แล้ว

    QUICK QOESTION !!
    which method is easy nd likes the most !!

  • @FRONTRUS
    @FRONTRUS 3 ปีที่แล้ว +1

    Wow, good job 👍

  • @MuratUsubaliev
    @MuratUsubaliev 3 ปีที่แล้ว

    Huge thumbs up!

  • @zarinawahab9742
    @zarinawahab9742 ปีที่แล้ว

    Mine anine is not working

  • @JunaidAli-uu3on
    @JunaidAli-uu3on 3 ปีที่แล้ว +1

    How to add SVG animations in Xd or figma..?

  • @apurvaprasad3575
    @apurvaprasad3575 3 ปีที่แล้ว

    Dude in the first method where did the amazing animation get incorporated ..it's invisible

  • @haneefahmed9748
    @haneefahmed9748 2 ปีที่แล้ว

    these methods are not working as on date, look it

  • @reycellgreen9244
    @reycellgreen9244 2 ปีที่แล้ว +3

    i cant find the "public packages" in method 3, when i click on insert

  • @govindrathi778
    @govindrathi778 3 ปีที่แล้ว +5

    This is dope

  • @dhavalpawale3149
    @dhavalpawale3149 3 ปีที่แล้ว +6

    The first option doesn't work.

    • @SummerRina
      @SummerRina 3 ปีที่แล้ว

      Yes, it doesn't work for me either

  • @nidhishettigar6981
    @nidhishettigar6981 2 ปีที่แล้ว +4

    Please add link for plugins in the description, its bit hard to find it for beginners in figma. I am not getting packages to install in framer, I downloaded desktop version of framer.

  • @md.hasibulislam3069
    @md.hasibulislam3069 3 ปีที่แล้ว +3

    hey Punit I'm always watching your video so helpful your tutorials but I can't export from framer file , hopefully, you help me how can get export from framer file...thank you

  • @bukankapi4014
    @bukankapi4014 3 ปีที่แล้ว +8

    The fact I can watch all of your videos for free is beyond me !
    Thanks a million man !

  • @RIGARR
    @RIGARR 3 ปีที่แล้ว +3

    sir.... can you pls make a video on how to make a 3d animated mockup using figma by making the use of the ANIMA plugin... 🙏 🙏

  • @niyomungelialine6840
    @niyomungelialine6840 2 ปีที่แล้ว

    man you didn't show us how things work at first time please do another video to complet that first one

  • @stel1000
    @stel1000 3 ปีที่แล้ว +1

    we DID NOT learn those at school

  • @manishkumaryadav671
    @manishkumaryadav671 3 ปีที่แล้ว

    any of the method doesn't work now they are older !!! Disappointed!!

  • @mhstechs100
    @mhstechs100 3 ปีที่แล้ว +3

    sir i didnt see the result from first planet animation remaining else is stunning video

  • @digitalelectronics7368
    @digitalelectronics7368 3 ปีที่แล้ว +1

    sir import option in not shown in framer only insert option is there.

  • @ayushsoni3253
    @ayushsoni3253 3 ปีที่แล้ว +4

    dude i cant rlly see the 3d animation in the first method

  • @mariav8806
    @mariav8806 ปีที่แล้ว

    2023 Framer has a totally different interface :'(

  • @yashnikam5433
    @yashnikam5433 3 ปีที่แล้ว +4

    Big fan Sirji ...Keeeeep doing and posting new things...will keep supporting you.❤️

    • @PunitChawla
      @PunitChawla  3 ปีที่แล้ว +1

      Thank you so much Yash!

    • @yashnikam5433
      @yashnikam5433 3 ปีที่แล้ว

      @@PunitChawla welcome sir💕

  • @samuelgodis6902
    @samuelgodis6902 3 ปีที่แล้ว +33

    Quick question: How do we export these for developers to implement?

    • @shrinivasagiri5556
      @shrinivasagiri5556 3 ปีที่แล้ว +4

      Yeah kinda nightmare

    • @RidinDinesh
      @RidinDinesh 2 ปีที่แล้ว +1

      Exactly my question too. If these cant be exported for Devs, its pointless.

  • @anweshadas5289
    @anweshadas5289 2 ปีที่แล้ว +1

    In the new version of framer, there is no option of public packages :(

  • @aimsworth8095
    @aimsworth8095 3 ปีที่แล้ว +10

    I cant agree with the 2nd method. You are stealing the 3D artists works. Please have some respect for the 3d artists' hard work.

    • @animallewis1
      @animallewis1 3 ปีที่แล้ว +1

      As a 3D animator I totally agree this triggers me

    • @alcinnovations
      @alcinnovations 3 ปีที่แล้ว +1

      @@animallewis1 As a counterview, I think this is great promotion of 3d content to non-3d professionals. 3D model stores are a marketplace mainly for 3d developers, but this expands it to designers as well. There's no resale here - it's a tutorial. No different from using comping stock photos in a tutorial. As a general point, I think 3d developers and all creative artists need to focus more on expanding their reach rather than protecting and hiding their work. If a million people see your work instead of just a few thousand, the likelihood of more sales is much higher.

    • @animallewis1
      @animallewis1 3 ปีที่แล้ว

      @@alcinnovations yeah all valid points, the potential reach with marketing your 3D Models like stock photos sounds great but I feel like stock images/videos etc just get used and abused to the point where nobody really pays attention to the creator, because I myself rarely check which is equally bad.

    • @huntermoranville
      @huntermoranville 2 ปีที่แล้ว

      @@alcinnovations if all anyone does is promote work, who will pay for it? This creates a culture of exploitation, leveraging unfocused marketing for free use of goods. If your goal is to share it, then share it. But it’s uncourageous to steal work to benefit yourself, and justify it by saying it’s marketing. You can still pay for it and it will have the same reach as if you didn’t pay for it, but it’s more ethical and creates a better environment for creative professionals.

  • @UmarFarooq-qq5em
    @UmarFarooq-qq5em 3 ปีที่แล้ว +1

    Ab great hoo yarr...mera ek sawal haa kia app designer app mein functionality add kr skhtaa haa ya ye kam sirf developer hi krta haaa...?????

  • @nairmanish4
    @nairmanish4 3 ปีที่แล้ว +2

    Bro the first method of 3d animation cannot be seen :/ need some help!

  • @RetroToonsOfficial
    @RetroToonsOfficial 3 ปีที่แล้ว +2

    This is Good

  • @SpookyPeeper
    @SpookyPeeper ปีที่แล้ว

    Abe clickbait....i was herr for Adobe XD

  • @shivanisingh-rx4gw
    @shivanisingh-rx4gw 3 ปีที่แล้ว +1

    Hello Sir, when I'm importing files from figma it's showing me, first authenticate with figma. After authentication, as soon as I paste URL it shows "Authentication Expired, Re-authenticate with Figma" in Framer. Help please!

  • @plagues90
    @plagues90 3 ปีที่แล้ว +1

    Hi, I think is a great way to solve the prototype. But the real app you do it like this?

  • @Troybranding
    @Troybranding 2 ปีที่แล้ว

    I didn see the first animation at all in the video...

  • @nasnasscript4134
    @nasnasscript4134 3 ปีที่แล้ว +3

    How can i link xd with framer?

    • @PunitChawla
      @PunitChawla  3 ปีที่แล้ว

      You will have to export as png or pdf

  • @vuxanov
    @vuxanov 3 ปีที่แล้ว +7

    How to add 3D to Figma, XD or Sketch? Use Framer instead.

  • @person81045
    @person81045 2 ปีที่แล้ว

    "quickly click here"...why quickly?

  • @yobro3435
    @yobro3435 2 ปีที่แล้ว

    I am planning to buy a gaming pc today and i have noo idea what gpu i need to create cool stuff like this. My options are gtx 1650 4gb, gtx 1650 ti 4gb, gtx 1660 ti 6gb
    PLEASE if anybody knows tell me asap

  • @aniketjoshi7518
    @aniketjoshi7518 3 ปีที่แล้ว +3

    Can these animations be used in websites as it is , especially in WordPress websites ?

  • @rakeshkulaye
    @rakeshkulaye 3 ปีที่แล้ว +4

    Provide Adobe XD tutorial. I use XD only.

  • @gamernation5656
    @gamernation5656 3 ปีที่แล้ว +4

    Hey man this is great

  • @akarshs9552
    @akarshs9552 2 ปีที่แล้ว

    No longer it is working in Framer

  • @busimon
    @busimon 3 ปีที่แล้ว +1

    Realy helps

  • @Ralphsanzio
    @Ralphsanzio 3 ปีที่แล้ว

    I didn´t undertand the first part. I did everything but where the animation?
    Is it the second part the complement of video or anoher way the make the animation?

  • @shreyapaliwal3
    @shreyapaliwal3 3 ปีที่แล้ว +1

    Hello! Where did you get the brain 3d model from?

  • @sharatraj9663
    @sharatraj9663 3 ปีที่แล้ว +2

    This is diamond!

  • @papisanthiago221
    @papisanthiago221 3 ปีที่แล้ว +1

    Codepen method doesn't work :(

  • @ericyeboah7611
    @ericyeboah7611 ปีที่แล้ว

    Damn you are too good

  • @nishranasar
    @nishranasar 3 ปีที่แล้ว +1

    Supperb ❤

  • @APerson-lk3ys
    @APerson-lk3ys 3 ปีที่แล้ว

    Hmm.. why not just save time and use a 3d Gif version if you don't use the controls?

  • @tangankucingg
    @tangankucingg 3 ปีที่แล้ว +1

    What if i hover over the area, can the 3D model do a small transition then ?
    Or what if I scroll down, can I make the 3D rotate ?

  • @tanzzzafrin5142
    @tanzzzafrin5142 3 ปีที่แล้ว +1

    I have so many to learn from u!! 👍👍👍

  • @vasilisacutu4774
    @vasilisacutu4774 3 ปีที่แล้ว +1

    Thank you so much for the video! Do you know why I can't see the the animation when I do it in framer? I do everything like in your video step by step but for some reason it never show the animation in the end. Just usual rectangle which I had as a bg. Thank you!

  • @Ralphsanzio
    @Ralphsanzio 3 ปีที่แล้ว

    I am curious to know how it works on figma. In my attempt nothing happened .

  • @ObinnaAkahara
    @ObinnaAkahara 3 ปีที่แล้ว +1

    Amazing video. I have to ask, what's the name of the intro song? It sounds awesome

  • @jhe-jhe4297
    @jhe-jhe4297 ปีที่แล้ว

    Thank you and i am new in this design and i found your chanel.Amazing👏🙏

  • @artorbek
    @artorbek 3 ปีที่แล้ว +1

    Ничего не понял, но очень интересно

  • @almas2131
    @almas2131 2 ปีที่แล้ว

    how could i export the final resours in the figma app????

  • @prashantrastogi7265
    @prashantrastogi7265 2 ปีที่แล้ว

    Hi Punit, I am big fan of yours and thanks for sharing the information with us. I please do some more videos about anima embed code with three.js. There always an error I get..... I hope you will consider my request.

  • @shikhagoradia4845
    @shikhagoradia4845 2 ปีที่แล้ว

    THANK youuuu so much Punit..... You are the best and helping me for becoming Best UI Designer

  • @aashi.mehrotra
    @aashi.mehrotra 3 ปีที่แล้ว +1

    thankssssss!! Please do more on animation, really helped :)

  • @homeboy5558
    @homeboy5558 2 ปีที่แล้ว

    Hello great video
    But is there a way to transfer your framer changes back to figma

  • @axelblaze5541
    @axelblaze5541 3 ปีที่แล้ว

    How to implement this animation in flutter app ??

  • @sahilbagade
    @sahilbagade 3 ปีที่แล้ว +2

    Thank you for such videos

    • @PunitChawla
      @PunitChawla  3 ปีที่แล้ว +1

      Glad you liked it!

    • @sahilbagade
      @sahilbagade 3 ปีที่แล้ว

      @@PunitChawla keep posting more 🔥🔥

  • @anurag7063
    @anurag7063 3 ปีที่แล้ว +1

    Can u suggest me how to learn or where to learn all the things in UI/UX
    Any tutorial ? Please suggest me🤗

    • @kananpatel4486
      @kananpatel4486 3 ปีที่แล้ว

      Hey,
      Did you start learning?
      As I'm also looking for someone to guide me but still I'm searching but also I'm learning from TH-cam videos.
      If you found anyone who guides you please let me know.
      Thank you!

    • @Shaileshexpo
      @Shaileshexpo 3 ปีที่แล้ว

      @@kananpatel4486 Abhinav Chikara his community 10k designers hope you have found it till now.

  • @FranciscoAngelini
    @FranciscoAngelini 3 ปีที่แล้ว

    framer dont show option to import 3d
    :(

  • @akankshashukla8570
    @akankshashukla8570 7 หลายเดือนก่อน

    Loved the tutorial ❤

  • @tharindumadhushan7776
    @tharindumadhushan7776 3 ปีที่แล้ว

    is this can use to xd ?

  • @believeme1434
    @believeme1434 3 ปีที่แล้ว +1

    mantapp

    • @sibalsekya
      @sibalsekya 3 ปีที่แล้ว

      Org india penyelamat para mahasiswa Indonesia wkwk

  • @naveenkumarr9054
    @naveenkumarr9054 2 ปีที่แล้ว

    Thank you!

  • @josueluna3244
    @josueluna3244 2 ปีที่แล้ว

    Amazing, thanks for sharing!

  • @rianasania7318
    @rianasania7318 3 ปีที่แล้ว

    it really helpful, thank you!

  • @resty1672
    @resty1672 3 ปีที่แล้ว +2

    Your tutorial always so informative,thanks!

  • @bigbro5671
    @bigbro5671 3 ปีที่แล้ว +1

    Could you please write the actions 7:13 I couldn't get all of them. Thanks

  • @EnriqueAlonzo-p2j
    @EnriqueAlonzo-p2j 10 หลายเดือนก่อน

    FAKE!!!!!!!!