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.
Horizontal scrolling like a slider by clicking on buttons (or drag on tablet/smartphone) please too!
Nicholas Crofoot commented
"Feature Started - JULY 11 2016" !?!?
THREE YEARS AND TWO PLUS MONTHS LATER...
Seriously how has this not been resolved yet. It's such a basic function of so many sites, especially mobile centric solutions.
Kevin Ritschel commented
You can fake it making the other elements of the oage non-scrollable. But it would be nice to be accomplished in an easier manner
Yuvagasm Media commented
Ivangel Rodriguez commented
I just started learning XD after years of putting it off and it's incredible to me that this feature and many basic others do not exist inside XD. Unbelievable. Considering buying Figma
Sergio Kepel commented
Is there any plugin this for this feature?
David Martin commented
Axure has been able to create scrollable areas on the art-board for 10 years. It's a must especially with web applications. There's no way I could move over to XP without this.
YourSelf Quotes commented
I am looking for such an informative post for a long time. Thank you for sharing your expertise. This post is very helpful. It's informative too! https://www.yourhindiquotes.com/
This has been in the works for 3 long years now! What is the status of this?
Add this feature please - XD prototypes need to be more dynamic to be useful in user testing!
This feature is needed to prototype scrollable content within modal windows.
Daniel Vianna commented
Hey Daniel, scrolling should work like browser, on the artboard, AND modules.
You want to make a landing page or mobile app -> you will probably only need artboard scroller.
However, you want to make a CRM like Hubspot or Sugar or even a desktop software -> you need to scroll per module/container, look at slack or Asana, they have 3-page layouts and this will never be gone. The more XD becomes closer to the browser's behavior the better. I currently have multiple use cases which I built front-end that I can show you. Our base file for design is 1440 pt x 900 pt (responsive web application - enterprise). One case is one data table that needed a hacked XD to fake horizontal scroller with animation with 2 pages and another one is a 4 pane layout with 3 vertical scrollers
I really want this to happen in a simpler way, but currently there is a workaround I'm using that's working for me. You can basically make a scrolling artboard, and freeze everything except the thing you want to scroll. Then I put objects to hide the scroll where I don't want it, and freeze those too. It's a pain to do, but works in a pinch if you want to do a prototype with scrolling area. Sadly, only one scrolling area per artboard with this method.
So, yes, still waiting for this feature to be shipped.
Is this going to be part of July or August release?
BRUNO FRANCISCO DE ARAUJO RIBEIRO commented
Sorry, I don't want to be rude but, I can't understand how, how, HOW can you implement something like gamepad prototype, voice prototype and leave horizontal scroll out? Is that complicated to make it happen? This single feature made me migrate to Figma and I still want to go back to XD, but every time I see one update and get disappointed because you insist in leave this BASIC feature out of XD. I don't want to create 5, 6 screens and use auto animate just to prototype a simple horizontal scroll. seriously, it is unbelievable.
Yes, please add this feature ASAP!
I would also really like this feature.
Facu Puig commented
Abbenyi is right, c'mon, tell us something
"Any updates on this? It's been almost 3 years. If this isn't being developed please move it to "feature in the backlog" so we at least know where this stands"
Any updates on this? It's been almost 3 years. If this isn't being developed please move it to "feature in the backlog" so we at least know where this stands.
That's one of the reasons why I can't use Xd for my client projects more often...