3D Transforms in Adobe XD

Поділитися
Вставка
  • Опубліковано 6 вер 2024
  • Bring your Adobe XD designs into a new dimension using 3D Transforms. Switch it on and transform along the X and Y axis, and even control the Z depth of your layers.
    In this video, you’ll learn how to rotate your first layer, design within 3D transformed objects, and see how AR experiences can be designed and prototyped.
    MORE FROM HOWARD PINSKY:
    Twitter!
    / pinsky
    Dribbble!
    dribbble.com/pi...
    Website!
    www.letsxd.com
    Facebook!
    / howardpinsky
    Subscribe!
    www.youtube.com...

КОМЕНТАРІ • 211

  • @ashielgoodoon906
    @ashielgoodoon906 3 роки тому +117

    The team at XD is finally getting into the future !

    • @kcjpunk
      @kcjpunk 3 роки тому +6

      lol I can't do animation in my design since dev team in my company can't implement this

    • @ashielgoodoon906
      @ashielgoodoon906 3 роки тому +5

      When I first started designing I had the same issue lol. Try and learn some basic HTML5 & CSS3 to bring your own designs to life . Now I design and dev my own web apps

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

      @@ashielgoodoon906 hey I am thinking the same, for that I have decided I will learn flutter n react native since I already know react, is this plan good enough or should I learn something more?

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

      I think it all depends on what you are trying to achieve. If know know react I might suggest a JS library like GSAP if you want to animate in the browser. For native apps I'm not sure

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

      @@ashielgoodoon906 thanks for the help

  • @Loanr
    @Loanr 3 роки тому +49

    Adobe XD is really turning in to something different! I love it!

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

      In a way I think this is more fun than Sketch ;D

  • @gerald5487
    @gerald5487 3 роки тому +19

    Wow, it's kinda game changing feature. Well done Adobe :XD

  • @anuragsingh5371
    @anuragsingh5371 3 роки тому +6

    Now that is a goose bumping feature! Love XD💓

  • @art_brief
    @art_brief 3 роки тому +4

    With every new XD update, you feel like a kid, loved and cared for by Adobe

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

    I'm currently working 2 gigs - one uses Sketch, the other XD. I'm proficient at both and have used them for years. But XD keeps getting better and better.

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

      That's great to hear! We have a ton more planned for 2021.

  • @mounirelogbani
    @mounirelogbani 3 роки тому +6

    Woow, This is awesome. It's a great sneak peak video introduction before Adobe MAX starting in an hours. Howard you are the Adobe XD wizard :)

  • @sunny-zt8dz
    @sunny-zt8dz 3 роки тому

    I have fallen in love with Adobe XD since following you!!!!!!!!!!

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

    Very nice, but would prefer to know when XD will be fixing the very basic issue of difference in type sizes between prototype & browser?

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

    What a great update! Imagining the future possibilities and what can be done with this !! 💓

  • @GeGe-gg3zt
    @GeGe-gg3zt 3 роки тому +3

    This changes the game a lot! Wow! Howard, thank you :)

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

    It's all great. Wish they finally allowed instant live view on device with Windows users (Idk if it works on mac don't have one but probably does).
    It's a long lasting issue and adding more features but neglecting others isn't at all user friendly

  • @mdnazmulh.8908
    @mdnazmulh.8908 3 роки тому +1

    This video made me obliged to subscribe!

  • @rahulsharma.design
    @rahulsharma.design 3 роки тому

    The team XD is getting into the future. Superb!!

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

    Literally watching right after the Adobe Max main keynote. 😂😀
    I am going to one of your sessions. See you there! :)

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

    Awesome video, Howard! This is a really really cool XD upgrade. 👍👍

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

    Wow loved it. Awesome features yet to be revealed I think..

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

    this is whole new level for presenting your to the WORLD!

  • @debobratadebnath
    @debobratadebnath 3 роки тому +3

    Aweeeeeeeeeeeesome!!!!!! a lot can do with this, thanks Howard and XD

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

    Howard - you are AWESOME.

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

    fallen more in love for XD! Thank you

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

    I love this work... I am really going to practice this

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

    Take that, Figma! I am just so proud of the team at XD.

  • @rahul-thakare
    @rahul-thakare 3 роки тому +1

    Magic.. 🤩🤩

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

    This is SICK!! Can't wait to try it out!

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

    Hey Howard and Adobe, this feature looks great and it is more a presentation feature than a design feature. For my daily job, I use XD since the 1st day and I really love it. I used to use Sketch but we get rid out of it more than 1 year ago to replace it by XD and Figma. Please, add a feature to support animated GIFs, animated SVGs and videos!! Presentation software such as Powerpoint, Keynote or even Google Slide offer very poor features for designers, and especially when we have to transpose an XD project into them - we have to redo a part of the work and we have to downgrade the project quality (style, animations, interactivity and so on).

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

      The team is definitely exploring those areas. 😁

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

    Great tutorial, is it possible to have a flipping button/element in a CAROUSE. For example, the elements that are in the CAROUSEL has info on the back?

  • @SandipKumar-og6xm
    @SandipKumar-og6xm 3 роки тому

    Now Xd is rocking

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

    Wow! Adobe XD is even more awesome now

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

    Thanks for you
    I'm from Uzbekistan

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

    Wow. Awesome work. You're so creative man!

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

    FINALLY!!!!!! Next UP, timeline???

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

    Great ideas, thanks

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

    As always, yet another great video!

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

    Amazing! Could you make a tutorial for a TV app?

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

    amazing !! a whole new look to design ..

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

    Awesome new feature, thank you so much adobe xd team!

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

    Looking forward to it

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

    Thanks for the great and smooth video! I use 3d transform for images, but they cannot be exported in PDF file, do you know about this issue?

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

    A differentiator indeed! Good job XD! 👍

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

    Niiiiiiiice! This will work so good for gamedev prototypes!

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

    hey, today at 13th of january 2021, when I try out the z-position, negative (to zoom out/scale out) the object(s) , it isn't working, it dissapears behind every object/background. is this a bug?

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

    Awesome !! Adobe XD is becoming so powerful !

  •  3 роки тому +15

    I'm going to need some time to process this...

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

      I think adding more responsiveness features would be more useful than this...feels a bit gimmicky to me.

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

    Excellent future.... I LOVE XD

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

    Very nice! this is a new level

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

    Damn, this is so sick. Good job 👏🏻👏🏻

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

    Your videos are always awesome! :P

  • @luciano.armani
    @luciano.armani 3 роки тому

    when did xd become so fancy? wow!

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

    nice features I like it! will apply to my next project! :)

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

    Jesus mother of Christ... now we are talking !!! ... finally something beyond to play with. Looks great and my mind is busting of new ideas right now. Thanks XD.

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

    OMG !! ❤️❤️🔥🔥 What a great update
    This is amaaaazing Fantastico 😃🔥

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

    I so love this! Good job guys!

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

    I love 💖 this update

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

    Mind blowing!! Thank you Howard!

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

    So cool!! I'm so pumped to find reasons to use this!!

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

      That said, seems a little odd to me that this was added before horizontal scrolling art boards... Would still love to have that as a feature especially since it seems to me like such a simple thing to implement.

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

      Horizontal Scroll Groups can be used to for this. Select the objects you need to scroll, and enable within the Properties Inspector.

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

    wow , I love it but we need to input 3d model or object in xd

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

    This is great!! when are you going to release importing videos ?

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

    it's crazy.....♥ awesome!!!!

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

    Great video! Could you let me know which tools you used to edit the video? Or screen recorder?
    Thanks!

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

    Nice Job!

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

    awesome update!

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

    blown away

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

    This is really awesome and futuristic.
    Waao

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

    Add 360 artboards, and send to vr option (with passthrough or environment map) please and thank you

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

    Adobe Xd make my life easy Thanks. Adobe team.

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

    A genius.

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

    Wow , was waiting for itttt .

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

    Amazing feature 👍

  • @Mark-gw9vm
    @Mark-gw9vm 3 роки тому

    Which javascript etc libraries should I be looking at to replicate XD transforms and flows to published as a website?

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

    tu viens de me sauver

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

    hmm after making components then how did you drag and drop the instance component in the mask layer. it prevents me from doing it. could you please explain how you do it?

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

      Same issue with me! Couldn’t able to place the component inside the mask layer🤦‍♀️

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

    Awesome!!!!

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

    very great

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

    Good one... Thank you :)

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

    Nice!

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

    Woah !! This is amazing 😍

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

    does lottiefiles will work on component mode?

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

    Hey budy, can you please share this xd file, I'm unable to create it. Thanks

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

    Wow!! That's so amazing 👍😍👍

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

    wow...wow loving it

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

    I dont see the 3d transform icon on my XD. Any tips?

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

    amazing

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

    awsome!!

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

    Hi all, I am trying to achieve something similar as in the prototype with the augmented reality recipes, however instead of clicking I want the element to pop in front by hovering over it. I tried using hover state however the z-axis cannot be changed between states (if I set z 0 to default state and z 1 to the hovered state, the z 1 updates to all states). Any thoughts?

  • @s-p-y7090
    @s-p-y7090 3 роки тому

    Hi, I have facing recording issue on xd. Please help me.

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

    Neat!
    Any similar feature on figma?

  • @MuhammadAli-bp6iq
    @MuhammadAli-bp6iq 3 роки тому

    Dang you are good.

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

    This is awesome!!!

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

    what happened to the art board? I use to beable to choose samsung s10 and now when i open it adobe xd it only has iphone and pixel.

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

    THANK YOU !!!!!!!!!!

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

    i have trouble with 3D transform in my project . why the object which i made it can't put into down layer , it always on top
    please tell me how to fix it
    thanks man

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

    Loved it!

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

    So, how to export 3d transform as SVG?

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

    Lovely

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

    Wow! This is great:)

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

    Just amazing

  • @1970efrat
    @1970efrat 3 роки тому

    AMAZING!!!!! THANKS ♥

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

    awesome! thank you for this rich content

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

    Hi Howard, can you use the 3D Transform using the "Hover States"? (without creating another Art board)

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

      You cannot, unfortunately. 3D Transforms do not work within components.