The thing about this feature that hasn't been fixed (and it's pretty basic and obvious) is that when you create a button or link (nav) as a master component, after you copy it to create the same button but with different texts the changes you make to the states in the master won't be inherited completely by the copies. eg. I create a button that says "Buy" and a copy of that master that says "rent" and another that says "swap", even if I change the texts on the default state of the buttons when you hover on them it will show the hover state of the master with the text that is on the master. It is such a basic thing that should be solved and they haven't. So, in thi end you end up creating every button as a master because inherited states don't work. Cheers!
Still doesn't work. I have a classic switcher with two icons, one is on state 1 and the other is in state 2. The first state is OK but when I click to the second state and then back to the first state again the icon from the second state refuses to leave, so then I'm stuck with two icons. The icon from state 2 is NOT placed in state 1. Everything is linked as described. XD is inconsistent and buggy.
Awesome! Just finished designing a website that I have to present at school tomorrow. Was quite frustrated that there was no hover state in XD. Guess I have some readjusting to do now!
okay I'm trying to do the hover state with a square button for example and I want it to expand evenly around all the 4 sides, when I do change the size it will only ever expand from the bottom and right side diagonally from the top left green corner marker which indicates the component is the master, has anyone had this problem and if you did how did you make it work?
done the first one ok.. but the circle wont move (after i moved it to right) when i go back and test the default state and second state ?why is that thanks
@dansky Great video explaining component states. Is it possible to save assets of different component states? Let's say we create an icon, and make changes in the component states, can we save all the component states in assets?
It's incredible. Adobe avoided solving the live collaboration issues this time too, although they have announced a solution for this for TWO freakin years now! As typical is with Adobe they made a promise to launch live collaboration prior to Adobe Max - again. Wow. I have no trust in this company anymore. Figma is still beating Adobe senseless in that area, with just a fraction of Adobes development budget they have managed to build an application we can actually use in teams with live non destructive collaboration AND they did it ages ago.
I found a bug in the latest adobe 😆 update It is that if we place two components with the hover effect on each other, then the upper component does not work, the hover effect only works on the lower object Checked it on the product card, when you hover over the product card, it changed, and the button that was in it (layer above) when you hover remained the same
Thanks so much for sharing your experience. I"m designing right a page right now with product cards that will feature animations during over. I'll check this out. Please be sure to report this bug to Adobe- for all of our sakes! Thanks again!
if you don't have that whole section there then you're either not interacting with a component or you need to update the XD application if it says instance then you need to find the master first
The thing about this feature that hasn't been fixed (and it's pretty basic and obvious) is that when you create a button or link (nav) as a master component, after you copy it to create the same button but with different texts the changes you make to the states in the master won't be inherited completely by the copies. eg. I create a button that says "Buy" and a copy of that master that says "rent" and another that says "swap", even if I change the texts on the default state of the buttons when you hover on them it will show the hover state of the master with the text that is on the master. It is such a basic thing that should be solved and they haven't. So, in thi end you end up creating every button as a master because inherited states don't work. Cheers!
Turn off responsive size to make the arrow bigger in same shape.
I thought the same but he did say he had some whiskeys so we'll let it slide
Thanks !
Very Easily explained
Glad this feature is here. And solid tutorial for a few whiskeys 👍
Inner-shadows next please Adobe XD :)
Still doesn't work. I have a classic switcher with two icons, one is on state 1 and the other is in state 2. The first state is OK but when I click to the second state and then back to the first state again the icon from the second state refuses to leave, so then I'm stuck with two icons. The icon from state 2 is NOT placed in state 1. Everything is linked as described. XD is inconsistent and buggy.
At last they added the hover function 😌
Good feature, finally they did that, pretty cool lesson
Hey, Dansky, did you drink before making this video? hahah
Awesome! Just finished designing a website that I have to present at school tomorrow. Was quite frustrated that there was no hover state in XD. Guess I have some readjusting to do now!
same thing here
its 3am and ive had a few whiskies
Haha true story 😂
Dansky on whiskey is Risky
How do you do nested hover states - a drop down with components that when you rollover with in change to rollover states
This literally answered every question I had. Thanks for the help.
every time anyone writes XD, my brain perceives it as an emoji xD
Very useful. Thanks!
Just started watching your videos, and let's just say I'm turning into a FAN GIRL!!!!
Yay! Thank you! 😊🙏
I’m quite new to XD and getting used to all it’s finer details. This hover AA is a really cool update.
okay I'm trying to do the hover state with a square button for example and I want it to expand evenly around all the 4 sides, when I do change the size it will only ever expand from the bottom and right side diagonally from the top left green corner marker which indicates the component is the master, has anyone had this problem and if you did how did you make it work?
Ok ok but it's not PrincipleForMac, the best software for prototype. For animation it's timeline or nothing.
2:10 responsive resize is on.
Thank you so much Dansky, Hope u will rock the youtube soon and provide us more valuable stuffs
You kill me with laughter. Love your tuts!!! Thanks for this. I'd happily buy you a whisky!
Silly question but can these state changes be easily implemented in to projects? Is code created for hand off? Thanks
How would you do this on a card
Perfect.... explained things very well
Next update: Timeline animation.
Really??
There is an XD plugin for this :-)
Hello. How to see the design specifications of the components?
When sharing to the developer, not all states appear
done the first one ok.. but the circle wont move (after i moved it to right) when i go back and test the default state and second state ?why is that thanks
Boa Noite! Como posso mostrar um elemento apenas se for clicado em um determinado botão?
Thank you
Amazing stuff, thank you!
Can't find the "Master Component" in my panel
Right click on the Component and click on 'Edit Master Component' or hit shortcut Ctrl+Shift+K.
@dansky
Great video explaining component states.
Is it possible to save assets of different component states?
Let's say we create an icon, and make changes in the component states, can we save all the component states in assets?
The arrows had too many whiskys lol
Timothy O'Brien Haha 😂
How we make animate XD to JavaScript and use it on code project?
Hi Dansky,
I was wondering if it is possible to slide in more components one by one in different speed on tap with component states (like menu items)
Loved it! Amazing feature.
It's incredible. Adobe avoided solving the live collaboration issues this time too, although they have announced a solution for this for TWO freakin years now! As typical is with Adobe they made a promise to launch live collaboration prior to Adobe Max - again. Wow. I have no trust in this company anymore. Figma is still beating Adobe senseless in that area, with just a fraction of Adobes development budget they have managed to build an application we can actually use in teams with live non destructive collaboration AND they did it ages ago.
Whiskey gets the best out of me too.
Like your voice, like the speed and the content you do. Thanks :)
I found a bug in the latest adobe 😆 update
It is that if we place two components with the hover effect on each other, then the upper component does not work, the hover effect only works on the lower object
Checked it on the product card, when you hover over the product card, it changed, and the button that was in it (layer above) when you hover remained the same
Thanks so much for sharing your experience. I"m designing right a page right now with product cards that will feature animations during over. I'll check this out. Please be sure to report this bug to Adobe- for all of our sakes! Thanks again!
Why don't I have the Component (master) on the right sidebar of my Xd? :(
if you don't have that whole section there then you're either not interacting with a component or you need to update the XD application
if it says instance then you need to find the master first
Nice feature
Thanks so much for the lesson been looking for a way to make a hover-state effect.
You are the best ❤😘
This is really cool.
Fan-friggin-tastic!
Legend!
kudos to Adobe
I love it! Thanx for recording in the middle of the night.
i liked you first lol !
Gracias!
Will Adobe XD start charging or continue to be free?
free
And anyway you can always torrent
how wonderful, I was longing for the hover
Great tutorial mate!!
Awesome!
FINALLY!!!
Thank you for your tutorial!
One question I want to know: I can not make a switch off logo with pen stool, Can you tell me how did you make it?
You can use one from a pre-designed kit
@@BahaariTV Thank you！：）