Share designs and prototypes

  1. Adobe XD User Guide
  2. Introduction
    1. What's new in Adobe XD
    2. Common questions
    3. Design, prototype, and share with Adobe XD
    4. System requirements
      1. Hardware and software requirements
      2. Adobe XD, Big Sur, and Apple silicon | macOS 11
    5. Workspace basics
    6. Change app language in Adobe XD
    7. Access UI design kits
    8. Accessibility in Adobe XD
    9. Keyboard shortcuts
    10. Tips and tricks
    11. Changes to XD Starter Plan
  3. Design
    1. Artboards, guides, and layers
      1. Get started with artboards
      2. Use guides and grids in XD
      3. Create scrollable artboards
      4. Work with layers
      5. Create scroll groups in XD
    2. Shapes, objects, and path
      1. Select, resize, and rotate objects
      2. Move, align, distribute, and arrange objects
      3. Group, lock, duplicate, copy, and flip objects
      4. Set stroke, fill, and drop shadow for objects
      5. Create repeating elements
      6. Create perspective designs with 3D transforms
      7. Edit objects using Boolean operations
    3. Text and fonts
      1. Work with drawing and text tools
      2. Fonts in Adobe XD
    4. Components and states
      1. Work with components
      2. Work with nested components in Adobe XD
      3. Add multiple states to components
    5. Masking and effects
      1. Create a mask with shapes
      2. Work with blur effects in XD
      3. Create and modify gradients
      4. Apply blend effects
    6. Layout
      1. Responsive resize and constraints
      2. Set fixed padding for components and groups
      3. Create dynamic designs with stacks
  4. Prototype
    1. Create interactive prototypes
    2. Animate prototypes
    3. Object properties supported for auto-animate
    4. Create prototypes with keyboard and gamepad
    5. Create prototypes using voice commands and playback
    6. Create timed transitions
    7. Add overlays
    8. Design voice prototypes
    9. Create anchor links in Adobe XD
    10. Preview designs and prototypes
  5. Share and export
    1. Share selected artboards
    2. Share designs and prototypes
    3. Work with prototypes in XD
    4. Coedit documents shared with you
    5. Create shareable links
    6. Review prototypes
    7. Work with design specs
    8. Share design specs
    9. Inspect design specs
    10. Navigate design specs
    11. Review and comment design specs
    12. Export design assets
    13. Export and download assets from design specs
  6. Design systems
    1. Design systems with Creative Cloud Libraries
    2. Work with document assets in Adobe XD
    3. Work with Creative Cloud Libraries in Adobe XD
    4. Migrate from linked assets to Creative Cloud Libraries
    5. Work with design tokens 
    6. Use assets from Creative Cloud Libraries
  7. Cloud documents
    1. Cloud documents in Adobe XD
    2. Collaborate and coedit designs
  8. Integrations and plugins
    1. Work with external assets
    2. Work with design assets from Photoshop
    3. Copy and paste assets from Photoshop
    4. Import or open Photoshop designs
    5. Work with Illustrator assets in Adobe XD
    6. Open or import Illustrator designs
    7. Copy vectors from Illustrator to XD
    8. Plugins for Adobe XD
    9. Create and manage plugins
    10. Jira integration for XD
    11. Slack plugin for XD
    12. Zoom plug-in for XD
  9. XD for iOS and Android
    1. Preview on mobile devices
    2. Adobe XD on mobile FAQ
  10. Troubleshooting
    1. Known and fixed issues
      1. Known issues
      2. Fixed issues
    2. Installation and updates
      1. XD appears as not compatible on Windows
      2. Error code 191
      3. Error code 183
      4. Issues installing XD plugins
      5.  Prompt to uninstall and reinstall XD on Windows 10
      6. Issues with preferences migration
    3. Launch and crash
      1.  XD crashes when launched on Windows 10
      2.  XD quits when you sign out of Creative Cloud
      3. Issue with subscription status on Windows
      4. Blocked-app warning when launching  XD on Windows
      5. Crash dump generation on Windows
      6. Crash log collection and sharing
    4. Cloud documents
      1. Issues with XD cloud documents
    5. Prototype, publish, and review
      1. Unable to record prototype interactions on macOS Catalina
      2. Issues with publish workflows
      3. Published  links do not appear in browsers
      4. Prototypes do not render correctly in browsers
      5. Commenting panel suddenly showing up on shared links
      6. Unable to publish libraries
    6. Import, export, and working with other apps
      1. Import and export in XD
      2. Photoshop files in XD
      3. Illustrator files in XD
      4. Export to After Effects from XD
      5. Sketch files in XD
      6. Third-party apps not visible in Export

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 shareable links with ease.

Prepare to share your designs

You can organize your designs and add right controls to share them with your stakeholders. Often times, you would want to create different versions of a design and share with different set of stakeholders. In such scenarios, Multiple Flows let you create and share different versions of a design in the same document, all in one place. 

Multiple Flows are most commonly used when designing interfaces that contains different workflows such as login screens, registration screens, playlists, and so on.

For example: When designing landing pages, social posts, emails, and advertisements in XD, you can create and share different versions of your design in the same document and in one place.

Read on to learn how to define Multiple Flows in your design document to better manage and create shareable links for them.

Share Multiple Flows

Once your flows are defined and wired together in the design document, go ahead and share them using shareable links across various target surfaces.

Follow these steps to share Multiple Flows with your stakeholders:

  1. Switch to Share mode.
  2. All the flows defined in the document would appear in Share mode. 
  3. Select any of the defined flows in Share mode and set the required access settings before publishing them as shareable links.
  4. Visualize the different flows that you have created on the canvas. When you select a flow, XD automatically highlights all of the artboards in that flow.
  5. Click Create Link to generate a shareable link for your flow. For a given selected flow, Share mode automatically displays details of the last published link such as last modified date and time. 

For flows that are published, a  icon appears on the design canvas. This helps you visually identify the last published link and quickly paste the associated link on to your clipboard.

Prepare your designs

A. Home artboard for iOS (iPhone) flow B. Icon to copy published flows C. Non-wired artboards in iPhone D. Flow name for iPad 

Work with presets

XD provides scenario-based presets to create shareable 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

Alternatively, once your artboards are set and wired, you can choose 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 the artboards: Select the artboards in the Prototype mode. Ensure that all artboards are connected to the Home artboard before you share.

How do I share a design spec or prototype?

Once artboards and interaction flows are defined in the Prototype mode, your design spec or prototype is ready to share. The title of your defined interaction flow appears in the Title pane. You can modify the title based on your design need.

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

You can set link access permissions for shareable 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. 

Set link access permission
Set link access permissions

When you change 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.

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

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 Flows within your 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

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

1. From the URL picker, select Manage Links.

End-to-end experience of share workflows

As a designer, you can share flows within 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 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

To learn more about prototypes in XD, watch this video.
Viewing time: 5 minutes

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.

Adobe logo

Sign in to your account