I was browsing for the past couple of days to animate similar stats for tab components and was frustrated by not finding a solution. Finally, found it here (Wohooo) This is BRILLIANT!!! and easy demonstration to follow. Thank you so much!!
Just a word, when there are no other words needed: INSPIRING. You are INSPIRING. Thank you, Caler. Really, your works require a very low level of expertise to be executed. Thanks to you I'm not just approaching XD, but I'm definitely learning it.
This was the video I needed! I watched about a dozen videos and the step by step nature of your video in regards to the component states just gave me the biggest sigh of joy and relief! a lot of the other videos skipped over it. Thank you!
Amazing Video! Your voice and comments are so refreshing. It was such an enjoyable experience to follow. It's is so refreshing. I really got a thing for XD after this video. Thanks
Hey Caler, Thanks for the video on component state it really did help me understand the concept and it's reduces copy of my art boards for showing animations and size of a file. I Really appreciate it.
Hello Caler, It is a very good explanation example with each one point, thank you very much for your tutorials. very helpful to starter Xders... next time i will watch every Tuesday and Thursday from this channel..
how you added the cards at the end. I can't find any other videos in the playlist explaining it, do a video on how you did that. BTW this video is awesome.
Awesome tutorial man! just a quick question, how did you get the animation for the part @11:50mins where the components show inside the animated phone? Any feed back would be greatly appreciated, thank you and keep up the great content!
Hi Caler! This may sound silly, but I'm trying to figure out how you added the cards at the end. I can't find any other videos in the playlist explaining the same. Please guide me on how to add cards as an additional component. BTW, this video was very helpful and easy to follow..thank you.
Thanks Caler, this is so helpful!! I really enjoyed, but i have a problem... i tried to animate the states following your instructions but it doesn't give me the option to select the state, only the layer.
Working on a similar interaction, too bad you have to do the links for each state. Hope they make this easier in the further, by letting you keep the same links when you make a new state.
Thanks! If you are talking about the intro with the phone mockup there is a tutorial here: ua-cam.com/video/BVSwDjDO1E0/v-deo.html If you are referring to something else let me know and I will do what I can to help :D
Hi is there any way in which prototyping from default state, all other state will automatically inherit from it? Like I like much having to connect each artboard in every component state. Thanks .
Is it possible that these navigation buttons could pull and display the information of another text field, lets say a number that is written somewhere else on the artboard?
I have a problem with the buttons that are resized, in the hover state they not only take the background color, but also take the width of the parent component, this does not work for me because I must resize the width of the buttons in all their states. I explain?
Am I missing something? I have downloaded a couple of your project files, in order to follow along, and neither of them seems to include components, colours, etc. Please advise.
I Have a question bro can you help me if you don mind? I have a video WordPress site where I post videos but most video are embeded not uploaded from the site I would like to create an App with Adobe XD and connect to my site and when I post a video I would like a video to be posted too in the App with the App format not the Web format. Is that Possible brother?
Hi, any reference on how can these type of prototypes be implemented to actul design. I have been looking for the same over the internet, but couldn't find proper solution. Thank you.
Hey caler, firstly I love your channel. The best channel coz is the channel where all our doubts are cleared. But im struggling with the concepts of components; it seems a bit tricky and out of mind-stuff. Could you please help me?
Leave a like if you enjoyed the video! Want more Component Tutorials?
Absolutely!
yesssssssssssssss....!!!!!!!!
yesssssssssssss
Bro. How did you make that intro with the UI project onto an iphone??!! so sick!
Sure, already did good one. Waiting for more amazing work
I got started in design watching your tutorials two years ago. I’m really happy to see you’re still at it and still consistent.
Booommmm!!! This is heaven on earth… made my understanding so much easier as I was cracking a though method earlier!
I was browsing for the past couple of days to animate similar stats for tab components and was frustrated by not finding a solution. Finally, found it here (Wohooo) This is BRILLIANT!!! and easy demonstration to follow. Thank you so much!!
Just a word, when there are no other words needed: INSPIRING. You are INSPIRING. Thank you, Caler. Really, your works require a very low level of expertise to be executed. Thanks to you I'm not just approaching XD, but I'm definitely learning it.
This was the video I needed! I watched about a dozen videos and the step by step nature of your video in regards to the component states just gave me the biggest sigh of joy and relief! a lot of the other videos skipped over it. Thank you!
Will love to see how you build the entire website ,how you define components and all
Amazing Video! Your voice and comments are so refreshing. It was such an enjoyable experience to follow. It's is so refreshing. I really got a thing for XD after this video. Thanks
Love the video i made it had fun making it and seeing the majic while playing animation
Exactly what I needed. Thanks!
i usually don' t comment but this video was just amazing thanks!
Hey Caler, Thanks for the video on component state it really did help me understand the concept and it's reduces copy of my art boards for showing animations and size of a file. I Really appreciate it.
your videos helped me a lot in my mobile app project, thanks!
Amazing! Best XD vids I've seen on youtube.
Wow, thanks!
Awesome... I really love ... This idea...
pls Make more with components...
How do you calculate the spacing in pixels between text/icons?
Thank you so much! That was perfect
Hello Caler,
It is a very good explanation example with each one point, thank you very much for your tutorials. very helpful to starter Xders... next time i will watch every Tuesday and Thursday from this channel..
Thanks, Keep up the good work
Your Video Helped me to create the first ever component of mine ....... A great learning from that ...... Thanks for the videos mate
liebe deine Videos!
It's wonderful! Thanks man!
Worth every like and share. 💯💯💯
Beautiful work.
Excellent treatment too.
That helps a lot, thank you very much
thx man i love you and continue
That twas freaking awesome! Thank you so much!
Great tutorial. Is it possible to get same effect on hover. Same thing on hover not working.
This is really dope Caler. I am really impressed. Awesome work.
Thank you :D
This is a great tutorial! Please share how you made the introduction animation of the mobile moving in 3D motion. It’s awesome.
Thank you so much for making this tutorial I can only imagine how hard it must be to make such awesome videos😊😊😊
how you added the cards at the end. I can't find any other videos in the playlist explaining it, do a video on how you did that. BTW this video is awesome.
Thanks for a great video!! Wondering how you made the cards pop out with the feed button at the end of the video.
How did you make that demo video for the design?btw nice video
Can you please show how you did that blank card sliding in? Can't find it anywhere
Great Tutorial
Can you please add page transitions as well?
Awesome and different tutorial as always
how did you showcase this prototype in an animated mockup? Looks amazing!
definitely thumbs up!!! THX
Nice tutorial! I have a question. How can you go to another artboard/page if "tap" interaction is already set on component state? Thank you!
that's what I'm looking for, tapping on each on of this component is supposed to take u to another page, is it doable ?
Can you do a tutorial please for 11:22 (the animation) 🥺🥺🥺
You can make that animation using prototype and then place that video (screen record ) in mockup in any video editing tools ❤️
@@uxwithrobin thats not what he meant, you probably referencing to the outro with phone mockup
Thanks your video!!! its helpful to me
but i have a question:
How can i know what distance should i catch
hey hi can u explain how you added that blankcards
Yes , can anyone tell ? How he implemented because I cant
yea, that's what i needed
Very helpful tutorial. Thanks.
Awesome tutorial man! just a quick question, how did you get the animation for the part @11:50mins where the components show inside the animated phone? Any feed back would be greatly appreciated, thank you and keep up the great content!
In case you still havent figured it out, it's done in AE
@@filthefil Could you please explain further? :(
Thanks, Caler!
You bet!
@@CalerEdwards just tried it's awesome 😍
How do you produce this visual stuff in 0:00-0:30? I would like learn it. It looks so fancy. Please let me know @Caler Edwards
Yeah exactly was wondering this too!
@11:22 Hi Caler, Please create a tutorial on how to do that. I tried that but failed.
Thank you bro❤️🤜
Thanks alot for your help🙏🙏
Hey Caler, How do you get micro nested hover states to work inside bigger parent hover states?
I'd love to see a tutorial on your presentation renders. These are incredible.
Here you go: ua-cam.com/video/BVSwDjDO1E0/v-deo.html :D
Hi Caler! This may sound silly, but I'm trying to figure out how you added the cards at the end. I can't find any other videos in the playlist explaining the same. Please guide me on how to add cards as an additional component. BTW, this video was very helpful and easy to follow..thank you.
Can you make a video that shows how u take it even further to add in autoanimation like the blank cards sliding in with the menu moving? thank u!!!
Thanks Caler, this is so helpful!! I really enjoyed, but i have a problem... i tried to animate the states following your instructions but it doesn't give me the option to select the state, only the layer.
thank you its very helpful thanks again 😍😍
Happy to help!
it's so helpful! thank you! and i want to know how to do the opening animation which's going to be different angles.
Working on a similar interaction, too bad you have to do the links for each state. Hope they make this easier in the further, by letting you keep the same links when you make a new state.
Thanks for the tutorial Caler! Really appreciate it. :D
Glad to hear it :D
How to show card on tap on one item you do at 11:23
Great video. What software are you using in your video’s intro?
I need this for my portfolio. The phone is dancing around & really adds to the effect?
can you make a video on how to do that @11:28 or anyone can show me? TY!
First thanks you for your help to learn more .... and plz plz do more tutorials about component
Nice informative video! Please tell me how you added the mobile animation with a rounded corners screen?
Thanks! If you are talking about the intro with the phone mockup there is a tutorial here: ua-cam.com/video/BVSwDjDO1E0/v-deo.html
If you are referring to something else let me know and I will do what I can to help :D
Thanks, it's really helping me!
How did you make the intro video animation? Can you please make a tutorial?
I have a video on the tool here: ua-cam.com/video/BVSwDjDO1E0/v-deo.html
It is a mac only program unfortunately.
great work ❤ wanna ask about the intro
what is the software you made it with??!
How can I present my app as you do at the beginning of the video with the iPhone frame and the round as the finger?
How do you convert the prototype to Android Studio XML/Java files?
Hi is there any way in which prototyping from default state, all other state will automatically inherit from it? Like I like much having to connect each artboard in every component state. Thanks .
Thanks for the amazing tutorial Caler Edwards. Still waiting how to prototype the cards you showed around 11:29 minute.
I appreciate your efforts.was curious to know have you stop doing design to code video?
I put them on hold for a bit there, but I am working on some stuff I will share soon :D
Excellent explanation sir 😘👌
Thank you :D
How did you make your video intro ?
useful content. Thank you.
Great but how do I navigate between pages?
Love it!
Is it possible that these navigation buttons could pull and display the information of another text field, lets say a number that is written somewhere else on the artboard?
Does anyone know how I would get it to transition to another board while the menu has this effect?
Huge huge huge thumbs UP!!!
Great vid, as always! :)
Thank you 😀
What's that 3D phone Mockup website you used for this video? I had it bookmarked but somehow lost it :/
very nice animation
Amazing.. 👌👏
Where did you animate that 3d phone mockup? AE ,c4d?
Hi guys, anyone here can tell me how Caler makes that video intro? Which program is used to make that presentation?
It is a program called Rotato. Here is a video I have showcasing it: ua-cam.com/video/BVSwDjDO1E0/v-deo.html
This very gooooood and tricky !!!!!
which software do you use for video animation?
I have a problem with the buttons that are resized, in the hover state they not only take the background color, but also take the width of the parent component, this does not work for me because I must resize the width of the buttons in all their states. I explain?
Am I missing something? I have downloaded a couple of your project files, in order to follow along, and neither of them seems to include components, colours, etc. Please advise.
so beautiful
Nice! Tho link to this project is not working. Its 33 kb empty artboard :(
If i'm trying to move an image on the artboard for a new component state, and it's also affecting the default state, what am I doing wrong?
I Have a question bro can you help me if you don mind?
I have a video WordPress site where I post videos but most video are embeded not uploaded from the site I would like to create an App with Adobe XD and connect to my site and when I post a video I would like a video to be posted too in the App with the App format not the Web format.
Is that Possible brother?
Is this feature ain't available in windows?
thank you!
Really helpful, thank you!
😃
Hi, any reference on how can these type of prototypes be implemented to actul design. I have been looking for the same over the internet, but couldn't find proper solution. Thank you.
Did you figure it out?
Hey caler, firstly I love your channel. The best channel coz is the channel where all our doubts are cleared. But im struggling with the concepts of components; it seems a bit tricky and out of mind-stuff. Could you please help me?
Wow, that's sweet!