New and returning users may sign in

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
← Adobe XD: Feature Requests

Request details

Feedback

Adobe XD: Feature Requests: 01 : Design mode

Categories

  • CATEGORIES
  • All ideas
  • My feedback
  • 01 : Design mode 1366 ideas
  • 02 : Prototype mode 370 ideas
  • 03: Share mode 50 ideas
  • 04 : Sharing on the web 215 ideas
  • 05 : Asset exporting 157 ideas
  • 06 : Extensibility 38 ideas
  • 07 : Integration with other tools 118 ideas
  • 08 : Mobile (iOS) 25 ideas
  • 09 : Mobile (Android) 19 ideas
  • 10: Developer Handoff 140 ideas
  • 11: Plugins 135 ideas
  • Other 109 ideas

(thinking…)
  • Searching…

    No results.

    Clear search results
    • Adobe XD: Feature Requests 2,869 ideas

Stacks should dynamically shift content in Preview

Create component - + New state (bigger than the default) - Merge the component with another one or another element into a stack -

Preview mode - click the component to change state and the stack doesn't respect padding .

  •  
    Screenshot 2022-01-14 at 12.55.47.png 233 KB
  • Stacked components.mp4
    Stacked components.mp4 641 KB
  •  
    interactive-layout.gif 325 KB
  •  
    design-mode.gif 657 KB
  •  
    prototype-mode.gif 250 KB
  •  
    Expanded-Prototype.png 30 KB
  •  
    Expanded-Design.png 98 KB
  • Adobe XD State Change Padding Feature Request— August 25, 12.21.06 PM.xd
    Adobe XD State Change Padding Feature Request— August 25, 12.21.06 PM.xd 104 KB
  • XD Issue.mp4
    XD Issue.mp4 3480 KB
  • 2020-06-18 01-27-01.mp4
    2020-06-18 01-27-01.mp4 2266 KB
  •  
    Link components.png 58 KB
  •  
    Components.png 18 KB
  •  
    Components stick.png 30 KB
278 votes

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

Agustín Massolo shared this idea  ·  June 26, 2020  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →

How important is this to you?

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
AdminElaine (Adobe) (Product Manager, Adobe) responded  ·  June 26, 2020

Please note that stacks is a feature that is intended to be used at design time, and does not dynamically shift the stack in preview. I’m going to rewrite this particular request to be more precisely about the latter suggestion.

Tweet
  • Remove
Attach a File

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Filipe commented  ·  January 08, 2021 08:00  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I wish it could work with the stacks. It works when you are editing the file, but when you publish the prototype it doesn't.

    Submitting...
  • Anonymous commented  ·  December 04, 2020 00:26  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I have the same problem, since the beginning of our project I have some expanding components and it is very important to move the content when the component expands - in design mode it is just perfect, but in preview mode, it isn't.

    Submitting...
  • Cyrill Studer commented  ·  December 01, 2020 07:16  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Yes, I would like the stack to update when a component inside it auto-animates to a larger or smaller state!

    Submitting...
  • Anonymous commented  ·  November 25, 2020 14:02  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Absolutely crucial! please add this ASAP. It would help with my workflow immensely and save a ton of time.

    Submitting...
  • Torbjörn Hedberg commented  ·  November 19, 2020 06:55  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    +1 here as well. Works perfectly in the Design mode so it's a shame it doesn't in Prototype mode.

    Submitting...
  • Brandon Beiler commented  ·  November 09, 2020 13:53  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Constantly run into scenarios where this would be insanely helpful. +1

    Submitting...
  • Gabriel Häggebrink commented  ·  November 08, 2020 07:22  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    +1 Here! Missing this virtually every project I do, would be an amazing addition.

    Submitting...
  • Kevin commented  ·  November 03, 2020 00:48  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    When I launch a preview of a page including a component whose shape changes (addition of an element in the component) it overflows despite the use of the stack function.

    Submitting...
  • Phil Bowell commented  ·  October 13, 2020 08:22  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    In the same way that stacks resizes it would be great if screens could resize their height dynamically. This would allow for auto-animating between different component states and the elements around them to move but retain the spacing.

    An example would be in a form that works with progressive disclosure based on selecting different answers. Rather than animating between two screens, it could be between two states of a component and the screens responds dynamically.

    Submitting...
  • Mike commented  ·  October 01, 2020 09:12  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    When you have a lot of vertical content, duplicating artboards to create a dropdown menu requires a lot of effort, especially when each message has an accordion style dropdown menu. It would be nice to have the benefits of Stacks for this behavior.

    Submitting...
  • Rigel Closet commented  ·  September 24, 2020 09:49  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Auto animate? the point of components is to make everything happen in one art board! please implement this feature, i though stacks will take care of it, until i tried !

    Submitting...
  • Antal commented  ·  September 21, 2020 14:23  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Expanded/collapsed states are useless as long as preview mode does not adapt to them. A real shame and lost some hours due this particular design...

    Submitting...
  • Jovana commented  ·  September 16, 2020 05:38  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Since the stack dynamically expands (changes) in design mode, I have spent some time understanding that this does not happen in Preview.
    I can understand why people might think this is annoying to have by default, but it could be an additional option when setting up a stack..

    Anyways, it would really be incredibly useful to have this behaviour in the preview too.

    Submitting...
  • Almasi commented  ·  September 09, 2020 09:31  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I'd like this feature also, it feels like a natural fit for Stacks. What happens now is the opened state overlays the content beneath the closed state.

    Elaine, this will not currently work (with auto-animate or otherwise) unless we put all the page's content into one giant component and manually position the content for each state. This precludes making a non-scripted flow.

    FWIW, I hope I'm wrong, but I can't get this to work. Yes, I have the most recent version.

    Submitting...
  • Florian Pürschel commented  ·  September 02, 2020 10:23  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    It is so sad that this feature is missing. I have a list with a lot of expanding elements. When changing the state to "expanded" everything adjusts just fine in design mode. Unfortunately it does not adjust in preview which forces me to add 2342346456 additional artboards to present every possible combination of expanded elements. This is really really annoying

    Submitting...
  • Luke commented  ·  September 02, 2020 09:34  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I could really use this feature in prototype now. I have a sidebar with a ton of filters where I have expanded/collapsed states. Right now the expanded state in prototype just goes over the other elements.

    Submitting...
  • Payton commented  ·  August 25, 2020 09:37  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    The Problem: I have two components A & B. In A's default state component B is y px beneath A. Component A size expands or contracts by z px and changes to a new state. Currently, component B is now y + z px from the bottom of component A.

    The Solution: Components that can change shape between states should "push or pull" other components by fixed padding defined assumed by the system or defined by the designer. This behavior should be able to be chained between multiple components & other objects.

    Applications: Expandable lists, expandable cards, & my quality of life improves.

    Savings: No need to create an endless number of artboards to express simple behavior between components or super long write-ups to hand off to a developer.

    Current Time Cost: Per component, n, that has a number of states, y, on the artboard a designer has to create (n*y)! number of artboards to describe the screen behavior. This is a massive pain in the butt! It costs countless hours of write-ups and reconciliation with developers.

    Submitting...
  • John commented  ·  August 25, 2020 02:33  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This wold be a really cool thing to implement. You already to auto-animate so creating a stack that animate should be relatively simple. Let's say you have a stack of expanding components. Then as each component expands, the stack responds and expands as well.

    Submitting...
  • Vivek commented  ·  July 22, 2020 12:57  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Two adjacent buttons [components in this case] each with similar states (one hover and one dialog popup) are not behaving as per the expectation. When the pop up dialog state is active, the other button is overlapping onto the dialog. Check the video. This is a limitation. Creating a separate artboard and linking to it should not be the solution when you have components in place. I am unable to use two components with states adjacent to each other or one below the other.

    Also, it would be nice to see a component with expanding state pushing the component below and likewise pulling it back to its original position when in collapsing or default state. This could help in a lot of situations. Example - accordions.

    Submitting...
  • Hafeez commented  ·  June 17, 2020 10:27  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    With the new update the stack and scrolling verticaly/horizoontaly.

    Create Component -> Repeat Grid -> Ungroup -> Group - > Create Stack ->inside the stack main component -> Create new state (After) -> On after state(Make the space vericaly larger) ->Default to normal state back -> press preview.

    Result : Inise Xd Programe, is shows that the component is pushing the stack. When preview mode, doesnt push the stack accordingly.

    Submitting...
← Previous 1 2 3 4 Next →

Adobe XD Feedback : Feature Requests & Bugs · UserVoice Terms of Service & Privacy Policy · Adobe Terms of Use · Adobe Privacy Policy