Request details

Show all available screens to navigate in shared prototype (map / overview of all artboards)

I would like for there to be a way to display all available screens in the prototype. Currently the web view is good for presenting but not good for users who are not clear on what the flow is. Providing a way to jump around these screens would be incredibly helpful.

190 votes
Sign in
(thinking…)
Sign in with: facebook google
Signed in as (Sign out)

We’ll send you updates on this idea

Patrick Cartelli shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

34 comments

Sign in
(thinking…)
Sign in with: facebook google
Signed in as (Sign out)
Submitting...
  • Orcslash commented  ·   ·  Flag as inappropriate

    This feature is really important when sharing design boards with clients so that they can review them... Currently it is hard to navigate through artboards when there are 20+ of them.

    P.S. Pixel Kicks, nice to here. Wish I could get more updates on your plugin. thanks

  • Pixel Kicks commented  ·   ·  Flag as inappropriate

    Further to my previous comment, we have now started creating custom Index pages which consist of thumbnails of each screen. This allows the client to easily navigate to each screen. I've put together a short video showing this:
    https://pixelkicks.tinytake.com/sf/MzQxNjk2Ml8xMDIyMzg1OA

    To get the thumbnails, we exported all the screens as PNG's, resized them, then imported manually. That level of functionality could be achieved via a plugin it seems, but it would be much better if this was built into XD natively.

  • Toks Anoks commented  ·   ·  Flag as inappropriate

    Thumbnail map view is really important for good navigation between screens.

    Please add this feature.

  • Pixel Kicks commented  ·   ·  Flag as inappropriate

    Adobe please can we have an update on this? I'm a web design agency owner and we find it frustrating that there's no overall thumbnail or map view. For prototypes with many pages, it becomes extremely tedious to scroll through each page one by one.

    What we need is an option just like Invision where thumbnails of all screens can be viewed, allowing the viewer to click directly on the page they want.

    This is our biggest frustration with XD at the moment, and one that clients are constantly bringing to our attention also.

  • AdminArun Kaza (Adobe) (Product Manager, Adobe) commented  ·   ·  Flag as inappropriate

    Hi Jordan,

    Thank you for sharing your request with us. We have heard about this even earlier and I would like to ask some follow up questions regarding this.

    1. Do you think, showing just thumbnail view in a grid that represents all artboards would suffice your use cases?
    2. What other information would you really want to see in all artboard view?

    Thanks!

  • Jordan commented  ·   ·  Flag as inappropriate

    Currently there is no way to view all artboards in a shared prototype at a high level view. This means you have to click through until you find the artboard you want. I want to have the option to view all artboards at once so I can select the one I want to jump to.

  • Joseph Farruggio commented  ·   ·  Flag as inappropriate

    Just below the arrow navigation, I propose adding a grid/thumbnail view of the published artboards. Clicking a thumbnail would jump to that artboard.

  • Shauni commented  ·   ·  Flag as inappropriate

    I think it would be helpful to be able to see multiple artboards in the same view on published links (prototype, not design specs).

    This would be good for viewing variations side by side. Clients often ask to see options together in the same view and I end up taking screenshots of my workspace so they can see multiple artboards side by side.

    I understand you can see artboards side by side in design specs, but I'd like to have this option in prototype too.

    Thanks.

  • yusuke commented  ·   ·  Flag as inappropriate

    デザインスペックのWeb共有では、画面フローの俯瞰図が表示されています。
    プロトタイプのWeb共有でも同等の機能を搭載して、「すべての画面」リンクを押下すると表示されるようにして欲しいです。
    プロトタイプのリンクで最初に遷移するのはホーム設定のままで良いかと思います。

    理由:プロトタイプを操作中にホームに戻ってからホームに戻る前のページに戻るのが面倒です。
    全体のフローを確認してからプロトタイプを見始めたいこともある。

  • mc commented  ·   ·  Flag as inappropriate

    This feature is a MUST if you are offering XD as a prototype design tool.

  • Meridith Paulhus commented  ·   ·  Flag as inappropriate

    Having a grid-based set of navigation in the browser window for navigating the shared comp would make a HUGE efficiency impact. I agree with others who have suggested here that InVision has solved this problem nicely, and would love to see something similar in XD's next update.

  • Frankie Loscavio commented  ·   ·  Flag as inappropriate

    +1 Yes, yes, yes to this feature / improvement! Very badly needed!!!

    We use XD with Jira and every member of our team in the entire workflow / pipeline needs to be able to view a specific page without having to preview one-by-one in a linear fashion.

    We name our files in ways that are lexically sorted so having them in a preview grid that is sorted by name is imperative for us.

  • Ashton Brown commented  ·   ·  Flag as inappropriate

    Yes, I need this very badly also. For a workaround, I'm about to hand make an HTML list of all Artboard names and link the name to the prototype page URL.

  • Helga commented  ·   ·  Flag as inappropriate

    The xd sharing option is generally awesome except when you have loads of individual pages.

    We're working with a remote designer with a very slow internet connection. uploading the file takes more than 2 hours for her (200MBs).

    When we preview the 66 pages on adobe cloud, we have to go one by one, there is no way to preview all the pages and this becomes incredibly painful.
    If there was a way to preview the pages && their titles, that would make life so much easier. Ex. in attachment.

  • Brigitte commented  ·   ·  Flag as inappropriate

    Upvoted!

    To get around this problem, I've gone so far as to build my own map of all the screens that I put in a separate screen I call "Choose your adventure". I also put a button on each prototype screen that lets the user return to my custom mockup menu.

  • Tom Knutsen commented  ·   ·  Flag as inappropriate

    This is the only reason I use inVision instead of XD. I like XD more than inVision, but this feature is so important and we use it often with our clients.
    I have to stick with inVision until this is added to XD.

  • Cyntss commented  ·   ·  Flag as inappropriate

    I think this is already possible. Today I saw it in my team at least. Please check again.

  • Michelangelo Capraro commented  ·   ·  Flag as inappropriate

    Allow people with the sharing link to zoom out to an artboard view. This makes it useful for clients to see groupings of pages, ad any other context from how you have your dartboard organized.

    it also allows people with the shared link to see how many pages total are in the artboard

← Previous 1

Feedback and Knowledge Base