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: 10: Developer Handoff

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 216 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,870 ideas

Export entire prototype as a User/Wire Flow type diagram

It's very easy to create linked "prototypes" within XD - thank you...

However, the way a prototype is viewed makes seeing the "flows" that exist within it very hard.

What I would like to see is a way to export all the artboards with the prototype "linking" arrows visible and nicely rendered as a large diagram...

This diagram would be similar to the concept of "Wireflows" (https://www.nngroup.com/articles/wireflows/) and enable an easy way to produce another type of design deliverable.

I appreciate that the design specs feature sort of allows this, in that you can see see all artboards, and focusing on one will sort of show the linking arrows (albeit in a not very clear or user-friendly way) but this request is different to that... https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/12927024-export-overview-of-all-artboards-showing-interact (this feature was never truly realised despite being marked as complete - if you look at the example images this sort of behaviour is not present in design specs currently)

Improving on the initial idea, so some simple artboard "auto-aligning" based on the relationships that have been set up using the prototype mode would be a great option, as would some control over the arrows styles/colors... but essentially a basic, non-iteractive, single export document that displays the linking arrows and artboard labels is the idea.

145 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

Jon B shared this idea  ·  January 26, 2019  ·  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
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
  • Geo commented  ·  June 20, 2022 01:13  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    There is a plugin called Overflow ( https://overflow.io/ ) which can do this for XD users, but I could never set it up. I contacted Overflow's support team to see if they could figure out the issue and they were never able to simulate the problem that I was facing so I am not sure if Overflow works or not. Might be worth a go for anyone looking for create what Jon B is requesting.

    Has anyone else found another way of doing this? I am happy to install over software as this feature is quite important for my job.

    I have created a working prototype for an app and the clients want to see the flow diagram with linking arrows. It would be great if I can just press an export button that produces a huge PDF file with all the artboards and linking arrows, as Jon B describes above.

    Submitting...
  • Caroline Otterud commented  ·  December 16, 2021 01:19  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Really need this feature to explain to stakeholders, but also as a material for developers sitting remote from the team, to have the whole picture.

    Submitting...
  • Andrea commented  ·  April 14, 2021 01:01  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This is really important for UX

    Submitting...
  • Peter commented  ·  April 07, 2020 10:10  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This is very important. Just give us a way to export from Prototype mode and display all connections.

    Submitting...
  • Helena Sandberg commented  ·  December 06, 2019 01:21  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This is a feature that would really improve team collaboration! Clicking through a prototype is good but you need to have an overview. Now I type headline of each page large, then make a screen dumpand import in illustrator to make draw all lines between pages. A lot of extra work and I have to redo it after every change. A AI user flow feature would certainly make my work much easier and faster! Thanks! And I love most Adobe products.

    Submitting...
  • Anonymous commented  ·  November 13, 2019 06:48  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    It would be helpful to have the ability to export all the pages and the connections between them as a flowchart.

    Submitting...
  • Ro commented  ·  July 23, 2019 08:47  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Definitely interesting to have a mapping user-flow / artboards that works both ways:

    a) I have a user-flow and artboards are created accordingly
    b) I have a prototype and I can generate a user-flow from it

    A tab on the top could give us access to the user-flow feature (Design / Prototype / User-flow). It would help me save time to be able to map them directly inside Adobe XD instead of using other tools to do it.

    Submitting...
  • Dashanan commented  ·  June 26, 2019 23:57  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    For the time-being you can use the Overflow plugin for making such user flows. Though it's a paid service after 30 day trial.

    Submitting...
  • Tom commented  ·  May 07, 2019 02:14  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    It would be extremely useful to be able to export the entire prototype as a vector image showing the connections between each board. Potentially morphing into a cleaner storyboard or flowchart would also work well.

    Submitting...
  • Jon B commented  ·  January 28, 2019 03:41  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Sketch has a plugin that does this quite well... the options for output are limited (it would be nice to have arrows with "bridges" and better collision avoidance)

    https://abynim.github.io/UserFlows/

    When we have access to prototype links in the API (coming soon) I imagine a plugin like this could be created... but I feel it could be so much more powerful.

    Submitting...
  • Jon B commented  ·  January 27, 2019 03:00  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Other thoughts include... having the option to display all the "linking arrows" on the design specs web output....

    But the arrows could do with some improvements to how they are shown in this context as they tend to overlap and become confusing. Consider using little bridge-like "hop over" styling for where arrow lines cross over.

    Also I see that the plugin API will soon support retrieving details of these linkages... it means there could be an option for a plugin to do this (I've started looking into it, but I'm not sure my attempt at a plugin would come close to what could be achieved as a feature within the product)

    Submitting...

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