Keep elements properties between states (propagate text)
It would be awesome to be able to mark some elements inside a compontent to not change some properties on its states, for example, text. If I change the text on the main state, it would change the text inside the other states. With that, I would be able to improve my work on making hover buttons all over my prototype. The way it is now, I need to change the text inside all the states, what makes it impossible.
Apologies! I sent the Email to the wrong ticket.
-
Kit Grose commented
I often design something as a component and make many instances of it before realising I need a variation of the component that substitutes something like an icon (using a nested component).
So I edit the main component for my element, add a new state, swap out the icon with another component and then go back to the specific instance of the component and apply the new state only to find all my text overrides are reset.
This is hugely painful and requires a huge amount of manual correcting.
-
ruben commented
When editting a Text in a component on Default State also edit on the rest of the States.
-
Adam CLark commented
It is frustrating when placing a component instance, specifically a button, on the artboard and change the buttons label for every state.
This can be a very time consuming and manual process.
Could we have an override of some fashion to fix the label of all states? Something in the instance properties perhaps and a text field to set the label of the button?
-
Moises Lopez commented
I have component where the Default state of my text link has a font family as Regular, and in State 2, I changed the font weight to bold, it becomes very painful to reuse that component because I have to re-write the copy in every state. Imagine doing that for 20 links on a main navigation panel... not very fun to maintain either.
-
Axel Grollemund commented
When using the states for a button or any other component using text.
When using the states for design systems and use it across different features, I need to be able to change the text without having to change every states. Its really time consuming.Would be great if we could have a text overwrite that replace all the texts keeping the styling of every state.
-
Matt Playford commented
when creating rollovers it would be nice to create a component with rollover state. The reuse component - changing text in default state, then it automatically being updated in rollover state. I thought it did this but its not doing for me. Which makes creating repeatable simple rollovers pointless.
-
Xavier commented
Hello,
There is a huge problem with child component and you should take it into consideration.
In my design system I defined a button, my master. This button is made of a background color and a label. There are different state for my button : normal, hover, pressed, disabled, error. So the background or the border and even the color of my label change depending of the state.
When I changed the label's value text on the main state all the other state are changed accordingly. Wonderfull !!!It's exactly what I want for all childrens in all my different prototypes using this button. But it's not possible... If I change label's text in the main state of a child button I have to change manually all the other state ! And it's huge ! So much time lost... And I don't speak about the fact that if I change the master component children will not take the change.
So may be one solution could be to tag my label's text as overriden element so the value of the label is not part of the component.
If your have questions :) -
Melissa Sanchez commented
To have the ability to select which content is kept throughout the different states (text, size, colors, etc), sometimes for example text content is not always auto-updated and has to be changed on all states of each instance.
-
Anonymous commented
Components are meant to be used multiple times. Most of the time, when a component, for example a Picture-Text-Link, is used many times we need to change the text und the picture. This has to be done for every state of the copied component manually (default state, hover state, ...). This takes a lot of time and can be slightly annoying.
It would be a great update if changing the text and picture in the default state of a copied component would automatically be adapted in every state of the copied component. -
Kieran Hawes commented
The ability to have multiple formats spanning across devices (mobile, tablet, desktop etc.) under one component would be a game changer. If I change the colour of a button on desktop it's replicated across all the components formats.
Currently if a client makes a last-minute request to change fonts, colours etc. we have to make the change across all devices.
-
jsharp commented
This is hugely needed! (Same as this other thread https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/38973007-allow-component-instance-overrides-to-be-inherited)
-
Donovan commented
Oh man, this was driving my crazy the past week. I’m building a survey with a dozen question, each with5+ answers that all have hover and selected states. I thought there *had* to be a way to edit the default state text, and have the text for all other states update with a clone of a component, but nope.
This is an excruciatingly tedious thing to update. Hope they address it soon!
-
Karina commented
Agreed. I don't really see the reason for making components if you have to make one for every text variation you have. Defeats the purpose I think.
We need components wherein the text can be edited. Project managers are not going to understand if every button (for example) just says "button" or "submit" in the prototype.
-
TM SP commented
Yes, the power of Sketch which is still lacking in XD. While I love the components and states, it is still not possible to bulk change a selected set of instances; this for states, text, nested components
-
alanjawn commented
having this side panel text editor as an option would also allow me to edit the text of a component by selecting it in the layers panel and not having to click into the actual text box on the art board. Often times the text is either behind something the blocks it from being double clicked into, or it could be inside a mask and off the screen in which case it is not possible to edit the text without turning layers on and off and moving things around to be able to get to the text.
-
alanjawn commented
I have a component of a button, I use that button all over the place. I use multiple instances of this button, even several times on a single art board. When I have an instance of this button used 20 times and I need to change the text inside, it is very time consuming to go through all the screens and edit them individually. I would like to be able to edit the text separately for the buttons I am selecting on multiple art boards. I don't want to edit the master and reset them all because I am using the button in other instances elsewhere with different text, and also because I have already overridden them several times to make them look like they have different active/selected/tap states. If the text was also editable through a panel on the right side I could select whichever instances of the component I want to change, edit and override the text in the panel and viola I've changed the text on several buttons all in one fell swoop.