Learn how to share your designs and prototypes with stakeholders, developers, or fellow designers.

The Share mode in XD consolidates different sharing capabilities into a centralized location and makes sharing your designs and collaborating with stakeholders and designers a breeze!

You can use the built-in presets, such as Design Review, Development, Presentation, User Testing, and Custom to share your documents and manage your shared links.

Share

Read on to learn how to prepare your designs for sharing and work with presets to create, modify, share, and manage design links with ease.

Prepare to share your designs

Before you share a design, keep these pointers in mind:

Prepare your designs
A. Set the Home page (Home artboard) B. Grayed out artboards (not wired) 


Set the Home artboard for your design:

Arrange artboards in the correct sequence:

  • Wire the artboards as you would like them to be published in the navigation sequence. 
  • Confirm if the wired artboards are visually highlighted on the design canvas. Artboards that are wired and not connected to the Home artboard will be grayed out in Share mode.
  • For artboards that aren’t wired, the navigation sequence defaults from left to right or top to bottom. If you want to change the navigation sequence, go back to Prototype mode and wire them again.
  • If you want to:
    • Share a single artboard: select the artboard in the Prototype mode and set it as the Home artboard. Ensure to remove any interactions to other artboards.
    • Share all artboards irrespective of wired connections: click the Home icon () in Prototype mode to disable an existing Home artboard. 

How do i create links for sharing a design spec or a prototype?

Once artboards are wired in the Prototype mode and your design spec or prototype is ready to share. The title of your design project appears in the Title pane. You can modify the title based on your requirement.

In the View Setting drop-down, select any of the presets and set link access permission to share your design specs or prototypes. Click Create Link. The URL appears in Link Settings pane.

Work with presets

XD provides scenario-based presets to create sharable links for your designs with ease. For example, when creating a design link for review,  all you have to do is select the available preset based on your requirement, set link access permission, and share it with your stakeholders. You no longer have to worry about setting commenting options or navigation controls. 

Read on to learn how you can set link access permission, update, and manage design or prototype review links using these built-in presets.

Design Review Development Presentation User Testing Custom
Get feedback on your design or prototype Share your design specifications with developers Optimize for presenting your design to stakeholders Invite your users to test your design Customize the viewing experience of your design
 Default settings for presets
  • Commenting
  • Hotspot hints
  • Navigation
    controls
  • Commenting
  • Hotspot hints
  • Navigation
    controls
  • Design specs
  • Hotspot hints
  • Navigation
    controls
  • Full screen

  • Full screen
  • Commenting
  • Hotspot hints
  • Navigation
    controls
  • Full screen
  • Design specs

You can set link access permissions for sharable design specs and prototypes with the help of public, private, or password links.

While sharing a prototype or a design spec, you can choose to publish either a public link, or a secure private link and still change its access setting interchangeably at any given point. 

On changing the link access setting from public to private or from private to public:

  • The link URL remains the same.
  • Invitees added on the link are preserved.

Once password links are published, you cannot change the link access setting. If you want to change the access settings, you need to create a new link.

password manage setting
Subject to change

No, you don't have to create a new link for an XD document. As you change your design or your preset, you can update an existing link that you have shared for review.

Example 1 — If you have created multiple prototypes and shared them for review, all the created links appear in the URL picker. You can now pick and choose any link to update by clicking Update Link.

update link

Example 2 —If you have created a prototype link and shared it for feedback, and now want to share the prototype with your developer, navigate to View Setting, switch to Development, and click Update Link

Change preset

Once you update the link, the same URL is updated with the latest preset information while preserving previous comments, changes, and conversations.

You can manage published links of your XD document by navigating to Manage Links website from XD. 

Manage links

1. From the URL picker, select Manage Links.

2. From the Creative Cloud website, you can copy or delete a published link. 

Things to keep in mind

Facing issues with audio playback in the shared prototype links? Ensure that you have followed these steps to enable auto-play for XD in the Safari browser.

auto-play in xd
  1. Navigate to Preferences, and click Websites.
  2. In the General sidebar, select Auto-Play and enable  Allow All Auto-Play for xd.adobe.com.

You can also enable auto-play from within the XD app by navigating to  Safari > Settings for this website and enabling auto-play.

End-to-end experience of share workflows

As a designer, you can share your designs or prototypes using any of the available sample presets and set permissions to reshare them further. Reviewers can add, remove, or accept requests from other set of reviewers who want to access or view the secure private link.
Watch this sample animation to learn how to share your designs for review and help reviewers reshare the designs or prototypes further.

designer workflow

As a reviewer, you can access the review invite from the Creative Cloud application or email and comment on shared designs or prototypes. Watch this animation to learn how to access the review invite and comment on the shared design.

Reviewer

Learn more

"There are many ways to communicate your ideas with Adobe XD — everything from presenting a prototype flow, to organizing a stakeholder review, or finally delivering specifications as part of the developer handoff. To help you navigate all of these capabilities, we’ve moved to a new share experience and expanded on its functionality" — Dani Beaumont, Principal Product Manager XD.


What's next?

We've got you started with sharing your designs and prototypes with your stakeholders. Take a step forward and learn how to comment on your prototypes and design specs.

Have a question or an idea?

1

Experiencing issues with sharing your designs or prototypes? Check this article for a solution. 

If you have a question to ask or an idea to share, come and participate in Adobe XD Community. We would love to hear from you and see your creations.