Adobe XD States | A New XD Feature

States in Adobe XD help you easily design variations for elements like buttons and more in your project. These are made even more powerful with the new Hover trigger:
Remember to Subscribe goo.gl/6vCw64
Add interactive elements to your prototypes without unnecessary work. With Component States, you can design variations of a component for different scenarios, like Hover or Pressed. States can also be used in Prototype mode.
This brings new levels of interactivity to your prototype. Hover is a new trigger available in Prototype mode that you can use to specify different interactions when a user places a cursor over a particular design element.
#AdobeXD #UXDesign
------------------------------------------------------------------------------------
////////// Want to support my content and get extra goodies? Become a member and get perks like member-only content, behind the scenes, design files, and more...
designchamps.io/hip
////////// Connect with me here 👍🏼
Instagram: / imjesseshow
Twitter: / imjesseshow
Anchor: anchor.fm/imjesseshow
Medium: / imjesseshow
////////// Sign up for my Monthly Newsletter 📫
jesseshowalter.com/newsletter
////////// Music is from Musicbed click below for a free trial 👇🏼
share.mscbd.fm/imjesseshow
////////// Equipment 📸
www.amazon.com/shop/jesseshow...

[@Charlotte-zj3ng]

This is super helpful once again, thanks a lot Jesse ! Love your Tutorials :)

[@JesseShowalter]

You’re so welcome, Charlotte!! 🤘

[@rosengarten3210]

Your videos are soooo helpful and at the same time entertaining - thank you :)

[@lincoln6559]

Thank you, This is what I've been looking for!

[@JesseShowalter]

Thanks so much, Lincoln!! 🤘

[@hannah3853]

BRO U JUST SAVED MY LIFE! THANK U SO MUCH! I've been looking everywhere for this! 😩😭💕

[@JesseShowalter]

Thanks so much, Avery!!

[@crazyparrot2786]

Lol, Me too

[@donnaknight2451]

Thanks Jesse! I find your videos really really helpful. I used one of your videos to do parallax.

[@donnaknight2451]

You're really easy to follow and make things so clear.

[@JesseShowalter]

Thank you so much, Donna! So happy to help!

[@TheCleft]

Awesome Jessie, your videos are always on point!

[@JesseShowalter]

Thanks so much, friend!!! 🤘

[@kavr]

Love your XD content , keep up the good work 💙👌

[@JesseShowalter]

Thanks so much, Kavindu 🤘

[@jovanih.design]

Dude do you know how happy this makes me?!? Thank you Adobe! :’)

[@JesseShowalter]

So so glad this brought you joy!! Go make rad things! 🤘🔥

[@imranhdse1]

Thanks Jesse. I love you for the support!

[@JesseShowalter]

Thanks so much, Imran!! Go make amazing things, my friend!!!

[@javed8080]

Your videos are amazing! Thanks for doing this

[@JesseShowalter]

Thanks so much for your support!! Have a good day! 🤘

[@richardottley4611]

Great job 👍 Jesse.. states for XD are awesome 🤗 definitely mind-blowing 🤯🤯😎

[@JesseShowalter]

Thanks so much, Richard!! You’re awesome! Have a good day!

[@jarodmorris611]

Your channel is way underrated. 146k subs but your content is gold.

[@JesseShowalter]

Thanks man. Spread the word and maybe I’ll hit 200K soon

[@wearestudiotonic]

Awesome update! Thanks for the tutorial

[@JesseShowalter]

Thanks so much for the support, Tom! Have a good one!

[@healthsongs]

Cheers Jesse. Realy helpful mate,

[@Gamerstupid]

That's whaaaaaaa, cool I'mma try this tomorrow

[@JesseShowalter]

Get it, dude!! 🤘

[@Jamesviolaofficial]

Super helpful, thank you!

[@JesseShowalter]

Thanks so much for the encouragement, James!! Have a great day!!!

[@Trackdaygenius]

Hey fella, good production as always. What video editing software(s) do you use to create the picture in picture and general editing? Thx

[@AnastasiiaN]

Thank you! You do amasing job!

[@JesseShowalter]

Thanks so much, Anastasya! Have a great week!

[@manojsharmamanish2040]

Thanks a ton mate, This video really helped to create a component as an amateur............

[@JesseShowalter]

So stoked, Manoj!

[@ashfaqhussain6865]

Thank you Jesse, there’s great value in your video!
I wanted to ask what monitor do you use, and is it good for colours?

[@JesseShowalter]

I use an LG Ultra wide 34' and it's great on color

[@Chinuchinmay_K_Shorts]

Excellent Man; Thanks For this Video 😍

[@JesseShowalter]

Thank you so much for the support, Chinmay 🤘 have a super day!

[@yossigorin7738]

Great video Jesse. Keep it up.

[@JesseShowalter]

Thanks so much, Yossi!! 🙏

[@strugglingElds]

love this simple tutorial. new subscriber here! create more mate!

[@JesseShowalter]

Thanks so much, Eldie!! Stay tuned🤘

[@ArbaazKhan-wb2dt]

Thank you!

[@JesseShowalter]

Thank YOU! 🤘

[@danielpedersen1688]

Can we just take a moment to appreciate how perfect that circle is that Jesse created for the toggle switch without having to adjust the height / width, he did it in one go. If it's me that did it it wouldn't be that perfect.

[@nyb.mediaprod]

You can do it to, if you just hold shift while "drawing" the circle ;)

[@danielpedersen1688]

@@nyb.mediaprod ahh thanks will do that! 😃👍

[@K4ZA]

Damn this is really sick! Definitely going to use this feature in my graduation project!
(Is it called graduation project in english? I dunno, but I mean the final project to be done with my studies)

[@JesseShowalter]

Haha, yeah you’ve got it right! Well, thanks so much, and I wish you the best!!

[@kavr]

Hey, whats it about website development, mobile app?

[@liquid7creative887]

Thanks Jesse! Awesome.

[@JesseShowalter]

Thank you so much for the support!!🤘

[@liquid7creative887]

Will we see other software following the same type of update?

[@JonneytheKidd]

Very good, thank you brother.

[@jalajam3027]

Awesome for your explanation

[@JesseShowalter]

Thanks! 🔥🔥🔥

[@poojap862]

Awesome, it will save more time and efforts. I hope they introduce show hide feature on click too.

[@JesseShowalter]

Absolutely!!! 🤘

[@_sp_sp]

game changer. Thank You!

[@JesseShowalter]

Glad it helped!

[@ScottMoyse]

A VERY welcome feature... XD just got way more manageable

[@JesseShowalter]

Thank you so much, Scott!! Have a good one!

[@jsr4276]

amazing

[@akashpise289]

Thanks Bro .. Its really amazing ,,, grate

[@I_Lemaire]

Amazing!

[@JesseShowalter]

Thank you, Idrissa!! 🤘

[@titoshaba8780]

Awesome.

[@JesseShowalter]

Thanks Tito 🤘

[@njihyeon]

Booooooooom! Thx a lot!!!!

[@JesseShowalter]

Yeah!! 🤘🤘🤘

[@meenakshirajput5146]

wow this is too good, I tried it and it looks amazing....but if we want to have an animation with this same feature, let's say a revolving sun with time trigger so will it be possible ?

[@primatondyaryakurniawan267]

Wow thank you so much, i wish i knew it earlier. I'm new on xd, just working on school project and it's really stresful to copy paste same element every time.

[@JesseShowalter]

So glad I was able to help you out!

[@davidglabais4919]

Hi Jesse, is it possible to use a button, text or toggle to interact with another component's new state on the same art board? I'd like to use hover for instance over a text link which would trigger a new state from a different component on the same art board? Like a java script rollover?

[@antsinpantsninja6619]

This is amazing! I'm bummed I can only give this video 1 like, it deserves 100.

[@JesseShowalter]

Thank you so much, ants in pants ninja. I’m so overwhelmed and humbled by all the support you guys have and are continuing to give me. Stay cool 🤘

[@achillemeyvis7890]

Is there a possibility for you to for example have XD remember what you changed? Like if you where to switch on a toggle and move to another page and then return would that button be back to default or will it be in the on state? Is this possible. I would like to now because I want to to do a type of customisation in my app. Thanks you!

[@michellezhu1559]

Wow mind-blowing...

[@JesseShowalter]

So glad you think so, Michelle!

[@johanahadichandra]

Daaaaaaamn, i just make a project without knowing thisss!

[@JesseShowalter]

🔥🔥🔥

[@ivan_vecerek]

Awesome video!!!!!!! :D

[@JesseShowalter]

Thanks, Ivan! 🤘

[@benberkayozdemir]

whaaaaaaaa... this is so cool

[@JesseShowalter]

Thanks so much, Berkay! I had a blast making it for you all!! 🤘

[@turkallarltd322]

I think Im in love with ur beautifl Mind!

[@Yas-lu9nu]

heeey i like your videos.thank you!!!
i have a question.can i have 2 hovers in one component?

[@CreativeWorkersBest]

I liked your video. Thank you I learn new one thing today👍👍👍

[@JesseShowalter]

Thank you so much, I’m so humbled and honored that I got to help you out!

[@CreativeWorkersBest]

@@JesseShowalter I wait for your interesting Adobe XD videos

[@pninaws]

Tnx!!

[@JesseShowalter]

🤘🤘🤘

[@BeerBarBeyond]

Hey dude, what is that world clock extension or app you have installed that displays times on your menu bar

[@JesseShowalter]

it's called clocker

[@chocobala2536]

Thanks jesse

[@JesseShowalter]

Thank you, Choco!! Have a good day bro 🤘

[@MegaRadisic]

One small tip. Only when you have like 10 seconds or more of explanation, switch to yourself fullscreen. The way it is now it's really annoying and it's breaking the flow of the tutorial when you are switching fast cuts between you and the screen. :D

[@JesseShowalter]

Thanks so much for the suggestion!! Have a good day 🤘🤘

[@MegaRadisic]

@@JesseShowalter Thank you for your whole channel! :D Love it!

[@Avm371998]

But can you have like another button showing when hovering over something and then make that button that shows up do something...?

[@MrSipralexaify]

Which software do you use for screencasting without background on your webcam ? Thx

[@farvizn5364]

wow! now it's super easier and our art board will looks clean!

[@JesseShowalter]

That’s so awesome to hear, Farviz!! Get out there and make amazing things!!

[@farvizn5364]

@@JesseShowalter yeahhhh!!!

[@mikeormoab]

Kind of a different question perhaps, that maybe you may not be able to answer but I figure I ask anyway since I feel like a designer would know this more than anyone. I am also a graphic designer (and photographer) and I'm looking to purchase a good/color accurate monitor and was wondering if you had any suggestions? I'm asking because every video I see online regarding these types of monitors usually range around 1000-1500$ lol, I was wondering if you know of any other alternatives perhaps? Thank you so much for your help!

[@JesseShowalter]

A really nice monitor is gonna cost you... sorry

[@rochakworks4066]

Jesse, hi jesse, do we similar function in sketch? as i dont wanna multiple artboard for one animation

[@JesseShowalter]

not that I am aware of

[@viswa6126]

Tx

[@JesseShowalter]

Thank YOU, Dev 🤘

[@tbtester3378]

"Let's dive in, let's get started, let's do it", let's anything else?

[@JesseShowalter]

Let’s get after it!!

[@cricricri_ina]

Hi Jesse! I do it that but when i try to export and see the prototype in my mobile doesn't work. Don't have a hover effect (yes in my laptop). What is the reason for that? Thanks

[@JuanRojas956]

Why doesn't my state animate? When I did the first example you showed the colors change suddenly without animation...

[@kavineesh12]

Need this in Figma..

[@oscarmosh]

Great, now use the button at least 20 times, and have fun changing the content in the instance hover state.

[@nithinbabunaidu5565]

How do you export that hover effect stuff

[@The.spiritual.sailor]

You are a bit late buddy 😅 but this feature is really cool 😀 thanks for sharing 🙏🏻

[@JesseShowalter]

Thanks for the feedback, have a great day, Deepak! 🤘

[@OmegaATaylor]

Jesse, question. Im trying to create a hover drop down menu that when you then hover your mouse over the newly animated menu each of the menu items has a dot appear next to it. Sort of a hover state within a hover state. It has not been working out for me. Only the original dropdown menu seems to work with the dots not appearing. Any advice?

[@rrmcintyre21]

I'm not that this is possible yet. I saw a question like this on the adobe request page (Nested hovers). Everyone seemed pretty stumped.

[@JesseShowalter]

not nested hovers but nested states are possible. I'm putting together a video now

[@rrmcintyre21]

@@JesseShowalter Awesome please let me know when it is released!

[@JesseShowalter]

Stay tuned!

[@roter13]

Can you take figma files and bring them into XD?

[@megadavemedina]

What's the lunchbox in the bg? Thank you!

[@JesseShowalter]

Battletar galactica

[@luman1109]

✌✊new✌✊ feature

[@JesseShowalter]

Mahalos, Kappa! 🤘

[@kipuchino]

Looks like they are finally trying to catch up to Axure.

[@JesseShowalter]

I’m not a big fan of Axure but to each his own

[@kipuchino]

@@JesseShowalter Yeah same, but it's been the only one so far that has true interactivity. I'm very excited about this. Much prefer using xd.

[@wensihu8356]

Can i do this in figma?

[@LilyBrand12345]

I'm sorry Figma, but the temptation to switch is too strong 😅😅

[@JesseShowalter]

Dems fighting words

[@Ajaykumar-ky6mv]

Sir how can download XD software free
Please share me link

[@JesseShowalter]

Go to adobe.com

[@bryancngan9268]

I WILL BE SELFISH AND NOT TELLING THIS TO EVERYONE I KNOW
AND STILL MAKING XD THE OLD WAYS\

[@JesseShowalter]

Hahahaha!! 🤘

[@firasalsghier3944]

Jesse please can you make tutorial about jquery please I need this tutorial don’t ignore my comment

[@JesseShowalter]

Thanks so much for the suggestion, stay tuned, so much more in the works! Have a great day 🤘

[@firasalsghier3944]

@@JesseShowalter Thanks so much for your reply jesse All my respect to you Have a great life