Scale all component states when scaling the instance
I have animated icons with auto animate and wish to use them in two sizes: Small size in the menu and big size in the features page.
When I scale up or down the component it only scale that one specific state. We need it a way to scale all states so we can have a few less components. and a fast workflow.
Lucas Matos
shared this idea
10 comments
-
Anonymous
commented
This basically renders this software unusable seeing as if I don't get the size EXACT or God forbid I need a different size I have to resize all the states... terrible.
-
John Vanore
commented
It is not true that if you resize the default state of the component, the other states will also resize. This only works on a master component. Any other instances of components require resizing every single state individually, even if you resized the default state first. The other states do not resize, not even when responsive resize is set up identically across all states. Incredibly frustrating and making me rethink using XD as my prototyping tool altogether.
-
Anonymous
commented
Come on adobe. You could just add an "apply latest transform to all states" button. This is annoying as all get out.
-
Christoph Leitner
commented
The current behavior is annoying in most instances. A desirable behavior would be that if states have matching horizontal and/or vertical dimensions in the master component they should also have matching dimensions in instances which have been scaled - no matter what state was active when the scaling happened.
Example: I uses several instances of my table column header component for my table header. They are scaled to have different widths. There is a component state including a sorting arrow for the column which is used for table sorting. Changing the first column to the state without arrow and the third column to the state with arrow should not require scaling of the components – their width should just match.
-
Thomas
commented
This is a nightmare and time consuming. You could do this two ways, the first would be just allow a highlight of the default and animated state. Second would be just allow a scale feature that scales in percentages like all your other apps. Why can't I just click each item and determine the percentage I'd like to scale ex: 50% or 120%, Whatever. So basically creating an animated component is useless if you need to resize it from web to mobile?
-
Klaudia
commented
I have the buttons that have different text lengths with the same hover effect. When I resize the default state, the other states need to be resized at the same time, which makes the component more powerful and reusable.
-
Raphaël
commented
yes when you use a button on both mobile and desktop it's really annoying you have to rescale everything, it's really time consuming
-
dam
commented
Thanks but I saw that when you resize le main state, it doesn’t work every time but the real thing is that when you create for exemple a text menu, it is not interesting to change the main object but each copy to fit
-
Hi Dam,
Thanks for your feedback.
If you resized the Default State in the Master component all other states will change to reflect that new size.
However, if you created an instance of the master component and changed the size of its default state, the other states won't change in size. This is an area that we're working to improve the experience in so stay tuned.
-Sherif
-
dam
commented
when you resize a component with multiples states (for exemple a button with his hover and clicked) it would be great to resize automatically each states in a same time.
