Share prototypes, design specs, and cloud documents

Open the XD document that you want to share.

Click the share icon in the upper-right corner of the application window. 

In the Invite to Document window, add the email addresses of people you want to share your document with. If you have already shared the cloud document before with others, you will see a listing of those users you’ve shared the document with, including the owner (most likely you).

In the Invite tab, add the email address of the invitees, add optional message if any, and click Invite. To remove yourself as an invited collaborator, use the Remove option in the Share Document window or use the Undo option to undo the previous action.

To display the shared document on the web, click the received email notification.

You can view the saved cloud documents from:

• Your Work section of Creative Cloud in assets.adobe.com:
  • View the prototypes or design specs shared with the stakeholders.
  • View the received artifacts in the Shared with You section. 
  • View the saved cloud documents within File > Cloud Documents. You can also view their metadata, delete, and search for the documents you own.
  • View the prototypes, design specs, and XD cloud documents received for review in the Shared with You section. You can filter by cloud documents, leave a shared cloud document, view their metadata and report abuse. For more information on the various options in Your Work, see Browse, sync, and manage assets.
• XD application:
  • The Home screen and from the Cloud Documents Organizer. To open a local document from the Cloud Document Organizer, use Cmd+Shift+O on MAC and Ctrl + Shift + O on Windows.

For more information, see Sharing Cloud Documents in XD.

Open the Adobe XD file that you want to share.

Click Share to switch to the Share mode. 

To create a public link, click the small drop-down button, and select Anyone with the link can view. To create a private link, select Only invited people can view. Specify a title for your prototype. Then set the following prototype options:

• Allow Comments: This option is selected by default. This option enables you to provide  feedback on the prototype. For information on how reviews work in XD, see working with comments in the review workflow. 
• Show Hotspot Hints: This option is selected by default. This option allows you to see hotspot hints in the prototype. If a user clicks in an area that is not interactive, the areas that are interactive are outlined thus indicating clickable areas.
• Show Navigation Controls: Select this option if you want to create a more controlled environment for user testing by displaying the left and right navigation controls. When this option is unchecked, the navigation controls are hidden.

• Open in Full Screen: Select this option if you want the prototype to open in full screen when a user clicks the link. The prototypes open in full screen at 100% of the actual size, allowing viewers to get a realistic view of the design experience. If the design does not fit on the screen at 100%, the user has to scroll to view the complete screen.  
• Require Password: This option enables you to add a security layer to the shared public prototype. When you select this option and set a password, reviewers are required to type in the password to view the prototype. For more information, see Password protect a shared prototype.

After setting the various options, select Create link.

Click the link to open the shared prototype in a web browser. Click Copy Link to copy and paste the generated URL into your email client or other communication channels to share with the others.

To copy the embed code, click Copy Embed Code. You can then paste this code into any website that supports inline frames.

Open the Adobe XD file that you want to hand off to developers.

Click Share, to switch to the Share mode. 

In the Link Settings pane, set a design or prototype title.

From View Setting, select Development, and choose the output of your form factor (Web, iOS, or Android).

Click Create Link to create a shared project.

• Click the link to open the design specs in the default browser.
• Click Copy Link to copy the public link and send it to developer for inspection.

If you choose to create a private link: 

1. Enter the email addresses of the developers, or reviewers in the Invite tab.
2. Add an optional message.
3. Click Invite.

After sharing the design specs, you can continue changing your design. When you are ready to reshare it, specify New Link if you want to create a link to the design specs.

Click Update if you want to update the existing link with the changes you have made. The developer viewing the design specs can see your changes on refreshing the link.

Click the Share button and select either Share For Review or Share For Development.

Click the small drop-down button, and select Only invited people can view option. Edit the title if needed.

In the Invite tab, add the email address of the invitees, add optional message if any, and click Invite. The stakeholder receives comments and invitations through email notifications.

The commenting notification email provides a direct link to a specific comment on the artboard, not just the home artboard. You can click the comments displayed in the email notifications, as clickable direct links to the corresponding artboard.

To display the shared prototype on the web, click the received email notification.

You can log in to the Your Work section of Creative Cloud of assets.adobe.com and do the following:

• Designers: 
  • View the prototypes or design specs shared with the stakeholders.
  • View the received artifacts in the Shared with You section. 
  • View the saved cloud documents within File > Cloud Documents.
• Reviewers:  
  • View the prototypes and design specs received for review within the Shared with You section.

For more information on the various options in Your Work, see Browse, sync, and manage assets.

Click the Share button and select either Share For Review or Share For Development.

Click the small drop-down button, and select Only invited people can view option. Add the email addresses of the reviewers, and click Invite.

In the Invite dialog, you can view the name of the Owner, and the users who have accepted the invite. To remove a user, click Remove and select Save option. After removing a user, you can click Undo to add them back before saving it.

Copy the private review link you have created and email the link to yourself to open from a mobile browser.

To invite reviewers, use the pinch gesture to bring up the artboard navigation mode. Select the more options button (represented by ellipses) and tap Invite.

Add the email addresses and tap Invite.

Click the Share button and select Share for Development or Share for Review.

After setting the various options, click Require Password. In the password field that appears, type in a password that satisfies the password rules. The password must have at least eight characters, and include one of each of these characters: A-Z, a-z, and 0-9.

Adobe XD cloaks the password characters when you create a shared link for prototypes and design specs. To reveal the password as you type, click the visibility icon. Click Create link to create a new link. When you share a prototype or design spec, the password is not saved to improve security.

After you set a password, only the reviewers in possession of that password can access the prototype or design spec. 

XD does not store your password or send it to reviewers. Share the password along with the shared prototype or design spec link to reviewers.

Change password: To change the password of an already shared prototype or design spec, click inside the password field and type a new password. You can then update the existing link, or create a link.

Remove password: To remove password protection of a shared prototype or design spec, deselect the Require Password check box. You can then update the existing link or create a link.

Forgot password: Because XD does not store your password, if you forget it, you can set a new password for your prototype or design spec and update the link.

Click the Share button. Then click Manage Links.

The Your Work section of Creative Cloud opens in your browser.

In the Published section in Your Work, click the Permanently Delete icon corresponding to the prototype or specs, and confirm that you want to delete it. You can also select multiple links and delete it at once.

When you are ready to share your prototype or design specs for review, click the Share button in the upper-right corner of the XD screen. For prototypes, select Share for Review; for design specs, select Share for Development.

If you select Share for Review, in the pop-up window that appears, make sure that Allow Comments is checked. You can create a public link, or a private link.

Note: If you have already shared the prototype or design specs, you can choose to update the old link.

Click Copy Link and paste the link in your communication channels, such as an instant messaging or email application, to share with your stakeholders.

You receive notifications when reviewers add comments in the shared prototype or design specs links.

In the notification mail:

• Click the artboard name to open the prototype or design specs link to navigate to the corresponding artboard.
• You can scroll down to the first comment or reply that is mapped to the artboard.

In the link, you see a View Comments icon in the upper right corner. Expand the View Comments icon to open the comments panel and view the stakeholder comments for that artboard.

The View Comments icon is appended with a marker and a number to indicate the number of unresolved comments present in that artboard.

The marker and the number are visible in the View Comments icon:

• For shared prototype links: When the comments panel is either in collapsed or open view.
• For shared design specs links: When the focus is either on the comments panel or on the properties panel.

If there are no unresolved comments in the artboard, the View comments icon shows up without the marker or number, for both collapsed and open views of the comments panel.

Go back to Adobe XD and update your prototype or design specs as necessary. 

You can then resolve the comments from the Comments panel of the prototype or design specs. To resolve a comment, click Resolve. Resolved comments disappear from your comments list, but you can view them by clicking the Filter icon, and selecting Resolved. You can also move a resolved comment back into the Unresolved section in the Comments panel.

When you are ready to share the updated prototype or design specs, click the Share button, and select one of the following options:

• Update: To make the updated prototype available at the same link that you created earlier and shared with your reviewers. 
• New Link: To create a link and share it with reviewers.

If the reviewers are viewing the prototype or design specs link in a browser, they can simply refresh it to view the changes instantly (if you updated the earlier link).

To complete the prototype review (Share for Review), click the Share button, deselect Allow Comments, and update the link.

To sign in using Adobe ID, click Sign In and provide your Adobe credentials.

To sign in as a guest, click Sign in as a Guest at the top of the comments panel. When prompted to provide a name, type a name, and enter the CAPTCHA code.

Use the following tools to get the best viewing experience:

• Hotspot hints: Hotspot hints are available for anyone viewing a shared prototype. These hints indicate the elements that are interactive, which the reviewers need to click. The hints appear when you click a space in the artboard where there is no interactive element.
  Note: These hints do not appear if the designer has disabled them while sharing the prototype.
• Full-screen mode: View prototypes in full-screen in the browser and in Preview mode. Click the Full-screen icon on the upper right corner of the screen while viewing the shared prototype. The prototype then expands to fill the entire screen, allowing you to see all the design details clearly. To exit full-screen mode, press Esc.

Type in comments at the top of the comment panel. To add a new line to the comment, press Shift + Enter.

You can also switch from a regular comment to a pinned comment. A commenting notification email provides a direct link to the artboard where a comment is made, and not just the home artboard.

XD assigns a number to every pinned comment. The comments in the comments panel also reflect these numbers allowing designers to easily identify the context of the comment.

If you type a comment in the edit field and add a pin, and then navigate to another artboard, the comment field is empty for the other artboards. When you return back to the original artboard, the comment and pin are preserved. You can also use Cancel to cancel an added comment in the comment field.

The author can view the comments and mark them as resolved when done. You can check your resolved comments by clicking View Resolved Comments.  If you think your comment has been wrongly marked as resolved, you can click Move to Unresolved to keep the comment open.

The author, and reviewers can reply to comments added by other reviewers. When you reply to a reviewer's comment, the reviewer receives a notification through mail, and from the Creative Cloud desktop application. When the notification is clicked, it directs them to the referenced artboard.

The author can delete comments from reviewers, or replies on the comments. The author can also use @mention to display users invited to access a private invite design. In the case of public prototypes and design specs, only users who have commented at least once, appear in the reviewer list. When you use @mention the reviewer receives a notification through mail, and from the Creative Cloud desktop application. When the notification is clicked, it directs the reviewer to the referenced artboard.

@mention hint dialog box provides the following options:

• Public link: Lists the reviewers who have commented in the prototype or design specs at least once.
• Private link: Lists the stakeholders who have been invited to prototype or design specs link.

After creating a private link, select Open in browser icon in the Invite tab to automatically sign you into the web view of the asset.

Click Your Work on the upper left corner of the screen to automatically display the Published view in Your Work showing your prototypes and design specs.

Press the browser back button to navigate to the web view of the prototype or design specs.

Click the link received in the review workflow mail to access the prototype for commenting (if you are logged in with your Adobe ID).

Click Shared Items in the web view of the prototype or design specs to direct you to the Your Work section of Creative Cloud. If your Creative Cloud account is mapped to the email address, or if you are already logged into your Creative Cloud account, you are automatically directed to Your Work.

The reviewer view in Your Work displays the Shared with You (Preview) and Files options. You can also click the ellipses next to the shared prototype name and opt to remove the prototype or design specs and leave the review cycle.