Adobe XD is a tool used by many designers to create mockups and wireframes for a variety of media. This includes software applications, mobile apps, or websites.

If you are creating designs and prototypes for your colleagues or clients, you may need to send your designs to them. This is a good opportunity for you to get feedback on your designs, present them, or test them.

In Adobe XD, you can generate a share link based on your sharing needs. This includes design review, development, presentation mode, and user testing. You can also add your own share link custom settings.

How to Share Your Design for Design Review

The design review preset allows others to view your design and leave feedback through comments. You can also start a discussion about your shared prototype or design.

If you have not yet started creating your design, you can learn more about how to start creating graphics in Adobe XD. You can also learn how to create designs for web and mobile applications with The Prestige Adobe Suite UI/UX Certification Bundle.

To share a design for design review:

  1. In Adobe XD, click on the Share tab at the top of the application's window.
    Adobe XD share tab
  2. Click on View Setting, and select the Design Review preset.
    View settings with Design Review option selected
  3. Click on the Update Link button to generate a new link.
  4. Open the new link provided in the right-hand pane.
    Design share tab with updated share link
  5. When your design opens in a new browser, click on the messages icon on the right-hand column to open the comments panel. This is where you can add comments to your design view. Other users can also add reviews and comments on your work, which you can reply to.
    Comments for design mode in browser

How to Share Your Design and UI Assets for Development

When you share your design with developers, developers will usually also require the asset or image that you have included in your design. You can add these assets to your link for developers to download and use.

To share these, you will also need to mark your assets for export.

  1. In Adobe XD, click on the Design tab at the top of the application's window.
    Design tab in Adobe XD
  2. For each asset that you want to share with developers, right-click on the asset and select Mark for Export.
    Mark for export option next to image
  3. Click on the Share tab, located in the top bar of the Adobe XD application.
  4. Under the View Setting option, select the Development preset.
  5. Tick the Downloadable Assets checkbox under the Export for iOS setting.
    Downloadable assets checkbox in development settings
  6. Click on the Update Link button to generate a new link.
  7. Open the new link provided in the right-hand pane.
    Updated link in development link settings
  8. When your design opens in a new browser, click on the code icon in the right-hand column. This will let you and other users view a preview of all the assets available in your design. You and other collaborators can download the assets using the download button provided.
    Share link in browser with downloadable assets

How to Share Your Design for Presentation or Testing Purposes

You can share your design and open it as a full-screen window to present to others. The full-screen functionality is also useful if you want to share the link with others who are going to test your mockups.

  1. Click on the Share tab at the top of the Adobe XD application window.
  2. Under the View Setting option, select the Presentation preset if you are planning to present your design. You can also select the User Testing preset if another user is going to be testing a prototype.
    Presentation option selected in view settings
  3. Click on the Update Link button to generate a new link.
  4. Open the new link provided in the right-hand pane.
    Share link in view settings
  5. Wait for your design to open in a new browser. Use the arrow button at the top of the browser window to view your design in full-screen mode for presentations and user testing. Once you are in full-screen mode, press the Esc button on your keyboard to exit back to the browser.
    Presentation full screen mode

How to Share Your Design Using Custom Settings

There are cases where you may need a combination of features provided across different sharing presets. For example, you may need comments, full-screen mode, and developer assets to be accessible all in one link. To do this, you can create your own custom settings.

To create a custom preset and generate a share link:

  1. Click on the Share tab at the top of the Adobe XD application window.
  2. Under the View Setting option, select the Custom preset.
  3. From the custom options provided, check the features you would like to include in your share link. This includes comments, full-screen mode, or developer assets.
    Custom share link settings
  4. Click on the Update Link button to generate a new link.
  5. Open the new link provided in the right-hand pane.
  6. When your design opens in a new browser, you can access all the features you selected in the previous steps.
    Custom features included in browser

You can also change the link access using the share tab. There are two link access options:

  • Anyone with the link
  • Only invited people

By default, anyone who has access to the generated link can view your design or prototype. To change the permissions for the link, modify the link access setting:

  1. Click on the Share tab at the top of the Adobe XD application window.
  2. Under the Link Access option, change the option to Only invited people.
  3. Click on the profile icon next to the Link Access dropdown.
    Link access permissions settings
  4. Add only the users that can have view access to your document.
    Invite users using view access
  5. Click on the profile icon in the top-right corner of Adobe XD's application window.
  6. Add only the users that can have edit access to your document.
    Invite users using edit access

You can also use Adobe XD to edit images, such as adding overlays.

Sharing Your Designs and Prototypes in Adobe XD

You can create share links in Adobe XD to share your designs and prototypes with other collaborators. When you create a share link, you have the option to choose between different presets, depending on your sharing needs.

Presets you can select from include design review, developer, presentation mode, and user testing. You can also customize the features included in your share link, or change the link permissions to only allow access to specific users.

There are so many other interesting things you can do with Adobe XD. Explore some of the new features that the Adobe XD47 edition has to offer.