Allow components event to change states of other components
New states feature is excellent but restricted for self components interaction. In many cases, especially in web and desktop apps, there are cases where a component event should affect another element on screen.
It would be a super powerful option to allow a component event to change states of another component.
Currently if i use component A inside component B, i can't use A to change state of B, even though A is part of B.
Yoav
shared this idea
95 comments
-
Erik Gunnarsson
commented
To elaborate on my use case, I'm designing a comment feature where I want to use a button to set the state of a comment (adopted as a decision/rejected) and color code it accordingly, add an icon and so on. Another solution to implementing this functionality would be to allow us to set custom click/hover areas similar to invsion. I find myself mostly using nested components to define the input areas, not for repeatability. If this feature was added, I wouldn't have the need for nested components at all.
-
Erik Gunnarsson
commented
This is a must, i just spent an hour researching how to do this as I thought it was an obvious feature. Almost embarrassing that in a tool for UX-designers some of the most natural interactions are still missing.
-
Alfred Samuela
commented
Yes, this would be a game-changer. Please add this as a new feature in an upcoming patch.
-
Agustín Massolo commented
Change the state of a component (for example a menu) and also by clicking the user is available to change to other section of the platform (change screen)
This is a must.
-
Jonathan
commented
I'm trying to design a fixed position overlay that appears when hovering over an object within a scroll group. This is not possible as currently the overlay (as a hover state) would have to scroll along with the scroll group.
This would be very helpful feature for larger interface / web design prototypes, as its something that is possible in web development, but not possible to design for here.
There are several ways to implement this - allowing components to interact between each other (eg. if hovering over component 1, triggers a state change in component 2) could also work to the same effect.
Thank you!
-
Rui Bernardes
commented
definetely need this, I work a lot with states and having this feature would speed up a lot of my processes in micro interactions, if not having this feature i need to create page combinations and that is a tedious job and creates a lot of space on my folders and shared links
-
RomainP
commented
A must have for signing up to a premium version of XD.
-
RomainP
commented
A must have for signing up to a premium version of XD.
-
Nick
commented
💯
-
Florian Monfort commented
I upvote this one as well, now when selecting "auto-animate" I can only auto-animate to the states of that same component, but in this case, it is a nested component, so I need it to be able to change the state of the "master" component above.
-
Amod
commented
Yes! This is exactly what I'm looking for as well. This functionality would be transformative for me.
-
mjb
commented
Now that Flash is defunct, is the time to rescue all the functionalities that had been perfectly worked out in it.
Movie clips and symbols in Flash should be taken as the foundation for how components and interactions work in XD. Why this is not the case is beyond me. Why does Adobe keep reinventing the wheel with a square?The way it all worked in Flash was tried and tested, it's a no-brainer!!!!!
-
Anonymous
commented
I have created a component to 'Select' a record on my screen but also need an option to 'Select All' when there are multiple records displayed. This should theoretically change the state of each component instance to 'Selected'. It would be nice to be able to do this from one instance of the 'Select' component... linked to each other instance with an action to change from the default to 'Selected' state for all linked components
-
Andrew Freire
commented
Yes please! Expecially a parent component. Like I have a Menu that I want to toggle open a side menu on tap. But I have to set clicking anywhere on the entire menu to trigger the interaction because I can't just place the listener on the hamburger menu icon..
-
Cameron Smith
commented
Yes please! Was just trying to figure out if I can do this. Would be very very helpful.
-
Anonymous
commented
please, add this feature. Really useful. I want for example have a component that hovering can show me a textbox, it is useful allow this.
-
Anonymous
commented
YES that would be amazing and that would actually make sense... I mean that's how it is on a website so why not in XD ?
-
Anonymous
commented
Ahh I just asked about something like that earlier as I don't want to make a bazillion artboards to simulate that..... do it, Adobe!
-
Jo yal
commented
This will be useful to implement a 5 star rating interaction.
Clicking on the 5th star will light up all other 4 stars also.
Currently, this is not possible. -
Saman Salehi
commented
This is not a feature... This is an absolute must!