Scrollable Area (not scrolling whole artboard)
Define a scrollable area within an artboard
This provides real-world app use cases, such as a table, slideshow, or iOS dropdown lists.
I’m excited to announce that with XD 30 we’ve added support for Scroll Groups. Try it out and please let us know your feedback.
Use these resources to learn more about the feature:
1. Tutorial: https://t.co/ySNRLeDzPV?amp=1
2. Blog post: https://theblog.adobe.com/xd-june-2020-scroll-groups-stacks-more/?scid=3%202f3ddc0-7c6a-46d2-8e65-0033367b151f&mv=social&mv2=owned_social
Matthew Elsom commented
BIG UPVOTE for scrollable Artboards/areas as well as fixed headers/footers/navs.
IMPORTANT : elements inside a repeater group should have multiple "states". For example for a scrollable List, I should be able to have for each element a NORMAL state, a SELECTED state, an EXPANDED STATE and a COLLAPSED STATE. Otherwise if I expand or select a single item in a scrollable list with a repeater, all elements are going to change and expand/collpase. We need states for elements. And the user should be able to switch states in the prototype simulator with a special transition applied to a button inside each element. Something like "change element to state n.2". I've opened a feature request about this, go vote it.
A scroll area should not be the same as a repeater group. I can use a repeater group inside a scroll area only for the bottom half, for example. While the area at the top half is used by fixed content. Think about Facebook events page for example.
Important: in prototype mode the program should remember the exact scroll position of the last step, and position the scroll at the same coordinates. Otherwise simulating interactions inside elements of a list would be impossible.
This is number one priority. We need scrollable areas in the next update. Until then AdobeXD is useless. You cannot design an app without a scroll area.
fullscreen preview and scrollable prototypes would be awesome. thank you!
Scrollable + Fixed Areas are really important!
'when creating scrolling for XD please include the ability to have fixed header/footer as nav may need to be fixed'
Christopher Abplanalp commented
Yes please add a scrollable art board, would totally help with process review before actually need to do a full dev
Scrolling content with fixed header and footer for nav bars
Cool! Thank you!
Amen! Really useful to be able to scroll a view. Thanks!
Scrolling is important, but sticky or floating object aswell, like menus, header, footer.
James Roberts-Scott commented
when creating scrolling for XD please include the ability to have fixed header/footer as nav may need to be fixed
scrolling prototype is more important for us.
Since we will be doing about monthly updates, you will begin to see scrolling functionality trickle into future updates, but, it won't all be available at once.
First, we are planning to simply allow scrolling of artboards created from device templates. So, if you picked an iPhone 6 artboard, made it longer, it should just automatically scroll.
After that, we'll be working on a much larger endeavor to make any group you select scrollable. This scrollable group (whether it is a Repeat Grid or anything else) will have options for you to edit its size and contents. You'll also be able to scroll on the drawing canvas and the preview window.
I agree that scrolling prototyping would make this even better. I also think that having the ability to make certain elements either be able to swipe or tap if you only want to change a part of the screen design.
If no scrollable content is possible adobe should cancel the desktop view :)
Thanks for the update on scrolling Joan, do you have any idea when this functionality will be usable?
James Green commented
Scrolling is definitely needed. XD feels very app focussed and for me this tool needs to work equally well for app and web design. I personally (and my team) will be using it for web design 99% of the time.