3D Transform Animations in Adobe Xd! | 3D Transform + Auto Animate | Design Weekly

[@elainewang3605]

The 3D transform is breathing life into me.

[@밍끼쓰]

I'm korean student.. thank you I love your video!!!

[@21travelling73]

I can see how these animations are created. How would you fit these animations into a real website? Manually adding CSS/ HTML, or what tactics do you use?

[@asaduzzamanasad2842]

This is the best free software Ive seen. Respect.

[@Kollegah9997]

Love how Designers think that those animations will run as smooth as here on an Android 6 Device

[@LUXXY_vi]

Thank you very much sir you are one of the best designer i've seen .

[@pranitkharat621]

i am gonna use this on my app homepage

[@TuneAddikt]

Great tutorial and content dude. Really nice to see the new features being used like this.

[@ashishgarg9038]

Please help me with what is the difference between putting an image directly on to the shape versus masking an image with a shape..

[@krishnamurthi8806]

Can't we group them into components and create different states and make animations in a single artboard rather than creating multiple artboards ?

[@gamingbgmi34]

Excellent video. Clearly explained all the basics to get started on soft soft. Thanks

[@MsDaggers]

loved it..!! no bullshit and straight to the point.....we need more of these...

[@jhasani79]

@Punit Chawla that was awesome. Keep up the great work.

[@vibejays]

Thank you... this video help a lot in learning some very useful tips... from Buenos Aires... Argentina

[@MrMilos659]

Great tutorial 👌 Can you pls stick the dl xd link for your iphone mocup as is in video, for us who are in begging off learning, ty ❤️

[@4988raja]

Punit you are so good with tutorials!! love them ya!

[@_seibyo_]

Is there a way to make these in figma. if yes can you please make a video about it ? thank you i learnt a lot from your videos

[@borisbasque814]

Life saver dude! Thank you

[@anasalsharkawy1846]

Awesome video! Love your energy and enthusiasm with the animation haha I feel just the same way. Keep up the honest work! can u reupload the xd file please!

[@AnirudhIsOnline]

Nice feature 👍. Waiting for what the community comes up with 😀. Good tutorial 👌.

[@TheInfinites]

In design 2, wouldn't it be easier if we used components. Sorry if this question is stupid, I'm new to adobe xd.

[@evm6177]

Now this is SO COOL !! 🍷🕶

[@shubhamsingh6639]

Can you make more videos on different types of carousel used in e-commerce stores.

[@sellomogano3986]

informative video good sir, Gracias

[@Cricketversehd]

Superb👌👌👌 thank you sir

[@yuzhao5883]

yes i can make a 3d animation effect in the prototype. But I still ask developers if it is possible to make it . And what is the communication and product strategy behind it? is it just a eye candy or eye-catching?

[@benjack9459]

it can do it by developers....................

[@sachabuttet]

thanks man I've been looking for a good 3d animation tutorial on adobe xd !

[@MTT664]

Awesome video! Love your energy and enthusiasm with the animation haha I feel just the same way. Keep up the honest work!

[@ogfightclub316]

Great Tutorial. Instant Follow.

[@Seeewithme]

this was so helpful. Will definitely practice it myself. Thanks for sharing.

[@tabimohamedriad3524]

hello sir i just subscribed to you channel, pleaaase tell me how you create you intro videos

[@tinnne9848]

thank you so much for the tutorial! hope I can see the figma ver. of this in the future 🥺

[@oliverona9893]

Thank you! great tutorial.

[@bijumuthukattu3997]

Thank you so much.👍 brother

[@augustynstudios2984]

i love your teaching tone! Keep it up

[@alexandraioana1894]

Hello, how can you make the trigger button stop moving? thanks for your attention. I'm looking forward to your reply.

[@TalinWadsworth]

So good Punit! Keep up the great work.

[@cardozonline]

Thank you for share all this knowledge. Keep doing it. New subscriber!

[@panatdamanu9523]

Thank you, It’s useful.

[@betoinbeta]

ProtoPie has had this for along time and you can trigger the 3D effect from more than just swiping or tapping.

[@lamiahamdan0]

Thank you😭❤️‍🔥

[@JohnShaw_]

Great tutorial, thank you! However, I can't see this update in my CC. I've refreshed for updates but still no joy. Is this officially out yet?

[@renjithrv6585]

Yeah it is already live

[@igormk38]

Really well explained. Punit, I have a challenge for you :) make your next video without using the words “nice” or “amazing” even once xD

[@waleedbinmalik]

Hahahaha! Nice catch! You may get rid of this with the help of the mute button. It works. . Super helpful tutorial Punit, keep up the good stuff.

[@evm6177]

nice .. AMAZING .. ya sounds about right mate, i'll just leave it AS IS.. Yup~! 🕶🍷

[@Whatshappeningtome]

Live and let live man

[@amrelattar5297]

This is great.Thank you

[@shadesigns8304]

amazing tutorial

[@mahmoudsalem1654]

This is amazing 👌🏾👌🏾🔥

[@realnotflame]

soft is rather complex.. sotNice tutorialngs more than they should be. But you've made a great job explaining it!

[@Rahadianm22]

can u do it for figma too sir?? it will be great!!

[@crossdelaine4019]

amazingly presented.

[@ravisurya6654]

this is soooooooo amazing brother

[@felipecoghi3496]

Hands down, great content!! That's amazing, but I can't download it.. is the file available yet?

[@Kashyap__]

Hi Punit, How do I mask a group of small objects(grouped together) (lets say 10 small rectangles) with a big rectangle? Xd doesn't give option of masking when I group a couple of objects and mask them with a single object. Help! Thankyou in advance. loved your videos!

[@adeshkhandait]

Hey!!!! How could you do 3d animations with java script

[@wharg7468]

But then after whats the point ? Export html "Web Export" seems to not take animations

[@rajeshjadhav6552]

Great

[@NatanaelGarcia]

Brooo you're a master! 💪🏼💪🏼💪🏼💪🏼💪🏼

[@DaHoodJnx]

can i do tNice tutorials with the trial version?

[@dinguuuus]

Can you do this in figma tho?

[@aymaneamen5854]

I tried it and it's really looks cool ❤ + you give me some ideas like the last one I can make it rolling out of the frame instead and that will be amazing.. thanks

[@TechnoAsh]

Was waiting for this video🤞⚡

[@anushreerane9669]

I can't download xd file can anyone help me out ..

[@portalpazificotumaco6997]

really cool!

[@nehajoshi6186]

From where you get this 3d human illustration

[@davidfitcher2953]

But is this doable in development?

[@js-swift]

sir do you give personal coaching please teach me i really want to learn

[@tusharsalunke2115]

Thank you got it done

[@samalexander3986]

can we do this in figma?

[@morganwatts5113]

awesome video!

[@anastasiayun6923]

Hello, thank you for your videos, really helpful. I have one question though. How do you get those rounded edges of your artboard? Thank youu

[@cyclopsjiang1271]

That is not the artboard, that is the mobile shape inside of the artboard, that's why he has to use a mask.

[@tramesh3educo]

thank you for the video

[@Kaizomcdamat]

how would you insert a half note in the channel rack

[@Kashyap__]

Hi guys, is there any discord group (or any other platform) where we can share our doubts in xd and get quick solutions.

[@CaitlynBurkenyc]

discord.com/invite/adobexd

[@cbi0369]

xD is a design software ri8?? so after designing ur layouts or UI, can u convert to applications or websites themes directly? or its just a design software? in simple way, do i need android studio or css html to implement your design? or u can directly export ur apps and websites from xd?🤔🤔

[@abhivads4217]

There are plugins that enable you to change your designs into code but there's a certain limit to what you can do in a designing and prototyping tool. But u can still spare yourself the trouble of starting from scratch on coding your website

[@cbi0369]

@@abhivads4217 what about apps?🤔🤔

[@abhivads4217]

@@cbi0369 Not apps also as far as I know.But you can copy the code of your project using anima (plugin mentioned above) and copy the code from it and probably use it in app development softwares.

[@cbi0369]

@@abhivads4217 can u make a detailed video tutorial on this??🤔🤔

[@abhivads4217]

@@cbi0369 I don't think I can

[@behnazizadyar5883]

wow , that's great . thanks

[@shaikhfeejan1599]

Is there any way to make it using drag

[@33Sh4NNN]

AMAZING

[@Kingofking45]

Adobe XD file in the description keep closing, I can't download it

[@dhritigada7856]

Why did we need to expand the image ("as you stated the parallax")

[@PunitChawla]

That adds a bit of focus to the current expanding card.

[@dhritigada7856]

@@PunitChawla by current you mean the one in focus at the center or the one that we expanded and when it comes into focus

[@PunitChawla]

@@dhritigada7856 which expands and comes into focus. It’s a technique to add parallax

[@dhritigada7856]

@@PunitChawla alright thank you!

[@dhritigada7856]

@@PunitChawla also if you could suggest any UI/UX companies we can look up to for internships as well as jobs would be really helpful

[@uxbrendanthatcher2498]

Fantastic tutorial!

[@Vj__-eg6ig]

Good work bro every tutorial page just put a bgm and then put the video in time lapse you the one who slow and teach clearly thanks a lot bro

[@ZeelS]

hi the XD file link is not working any solutions?

[@vasudevddn98]

Thanks for posting this

[@rohithkumar6682]

U are awesome sir 🤗🤗🤗

[@WeButterTWButter]

So, if its tutorial from indian for other indians, why not do your lessons on Hindi?)

[@cooldude87ish]

hey, cool

[@slaviczakharov2]

awesome!

[@ramalsrougi]

Terrific 😍😍😍🔥

[@zahraouiabderrazak8633]

WOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOW 2021

[@umidjonsharifov1676]

hey man thank u very much!

[@abhivads4217]

Adobe xd still doesn't have good color transition

[@danishchief1078]

So what program do you recommend?

[@abhivads4217]

@@danishchief1078 Figma has better color transitions and adobe xd has better shape transition which figma doesn't have so i use both Figma is a UI/UX design and prototype tool

[@hibatullah5684]

wow imazing 👌🏻👌🏻💙💙

[@metinaydn2064]

here u got ur subscibtion my friend.

[@bilvikakasturi5007]

Adobe XD link is not working

[@minfeng4283]

so cool

[@FaysalKhandhaka]

Owwoo.. Supervvvv...

[@m_aryaei]

Thank You ❤

[@dizzymolecule6759]

good one can you make videos on how to develop these ?

[@TechnoAsh]

He's not a developer!

[@marceldraeger883]

nice video again! i love it!

[@MACH_SDQ]

Gooood

[@radiant254]

thank you, god xd