How do I change states in Adobe XD?
Use Hover State if you want your component to change and display a different state when a user hovers over the component. In Design mode, click the + button next to the Main component's Default State in the Property Inspector, and select Hover State.
How do you make component states in XD?
Switch to the Prototype tab. Select the component state from which you want to create the interaction. Click the > icon on the component state or the + in the Interaction section in the Property Inspector to add an interaction.