Adobe XD 5-Minute Challenge: Hover Effects

[@attilaferencz2325]

As I see it, the box not only appears when I drag the cursor over the pin, but anywhere I drag it over the component area. So what if I have buttons close to each other?

[@stevejackson4473]

I followed this in real-time and learned something new - 5 minutes well spent. Nice job!

[@HowardPinsky]

Glad it was helpful, Steve!

[@NiTiSHmurthy]

Look forward to contribute to learning ‘5 Minutes Challenge’ seems fun already.

[@mintsugas]

thank you for these tutorials they help so much

[@markalexei]

Thanks for your continued push for the new, creative content dude. This stuff is invaluable.

[@HowardPinsky]

Thanks for tuning in!

The 5 minutes XD Challenge fits better my schedule than the 30 minutes format. Great initiative! 👍🏼

[@HowardPinsky]

Glad you enjoyed it, Stéphane! We wanted to offer up a shorter format to compliment the longer videos. 👍

[@gunay1905]

The challenge idea is lookin great. Thank you Howard Pinsky!

[@HowardPinsky]

Thanks!

[@jb5273]

Love this content! Would be great to see a mixture of 5 minute tutorials and the occasional longer ones too :)

[@HowardPinsky]

Thanks, JB! For longer ones, check out our daily challenges on Behance. They're about 30 minutes and sometimes build upon each other. behance.net/challenge/xd

[@joshhooper4147]

I love you. Thanks for this was looking for bloody ages

[@kylerhatigan]

Learning to use States in XD is amazing!

[@christinetobiasz]

love these 5 minute challenges, i picked up some great tips and shortcuts that haven't been shown on some youtube videos! :)

[@kavr]

Looking forward to see more videos in this series 💙

[@markomiladinovic1541]

Need more of this challenges!!! :D GJ!!!

[@HowardPinsky]

More on the way!

[@JackWats0n]

Woot! More xd challenges!

[@HowardPinsky]

And more donuts, of course! :)

[@cooperkenda2521]

This is wicked!!!!!

[@giligo28]

Great! Would love more challenges like this 🥳

[@HowardPinsky]

More on the way!

[@joselopantoja5066]

More XD challenges please, thanks Howard

[@HowardPinsky]

Definitely more on the way!

[@alexrobinsontoumparov8640]

@howardpinsky When making a component, the top left drag box goes a solid green, and it only resizes or expands from that point is there any way to change this so that you can hover and get a fluid expansion of a rectangle in an upward direction, without rotating the original rectangle 180. I hope I explained my issue okay

[@KamranBhutto]

Thank so much really i am happy nice work

[@4amoats]

Lots of luck for the premiere.

[@aleeradesign]

when does the challenge end?

[@UXSpecialist]

That was great. Thanks Howard

[@HowardPinsky]

Thanks for tuning in!

[@alekbosk]

I remember watching every video of yours religiously and working on my graphic design skills as a 12 year old. Now I'm 21, and I've found myself in software engineering. I just randomly remembered your name and searched your channel. Absolutely awesome you're still creating content!
I will for sure work on Xd to improve on my front-end and I might as well go full circle and watch your tutorials!

[@HowardPinsky]

That's great to hear, Aleksandar! Amazing how time flies, isn't it? 😁

[@Avm371998]

How to make a hover over state clickable so that it opens another page or does another action?

[@HowardPinsky]

Within Prototype mode, activate the hover state, select the object you want a user to click on, then drag the blue handle to the destination artboard.

[@Avm371998]

Howard Pinsky thank you so much for your fast response. You’re amazing 😊

[@bivash8967]

awesome

[@quacquac_quacquac]

Nice ❤❤

[@fajleyrabbe2930]

3:49 hover effect/ Layer management for state animation

[@rafaelandresrubianolozano4991]

Thank youuuuuuuuuuuuuuu

[@HowardPinsky]

You're welcome!

[@traptown6666]

Howard Pinsky

[@wisdomzw]

🥑🥑🥑

[@HowardPinsky]

🥑

[@JohnNorris411]

God I hate premieres. Just post when the video is done.

[@HowardPinsky]

That’s no fun. 😉

[@naveenuday]

Booop

[@HowardPinsky]

Keep on boopin'.