Share selected artboards

Learn how to quickly share selected artboards with your stakeholders.

XD provides you with a quick and simple way to share selected artboards directly from the Design mode, without having to wire them manually.

Here are some scenarios where you can benefit from sharing artboards directly from the Design mode:

  • You want to share a single artboard or a couple of artboards for a quick review.
  • You want to share artboards of a presentation that you have placed in a certain order in XD without wiring them.

Share selected artboards from the Design mode
Share selected artboards from the Design mode

Share selected artboards from the Design mode

  1. In the Design mode, select one or more artboards that you want to share. To select multiple artboards, either marquee-select them, or Shift-click each of them.

  2. Click Share  .
    • The selected artboards are automatically wired, ordered from left to right, and top to bottom, creating a linear Flow. The wires added are of Tap trigger, with default settings. The artboard in the upper left of the selection is set as the Home artboard.
    • This Flow of artboards is automatically published and a shareable Design Review link is generated.

     The Share icon ( ) doesn't appear if all artboards in your selection are empty.

  3. Share the link with your stakeholders.

 Deselect Auto-create Link when Sharing to prevent XD from generating a shareable link:

  • XD> Preferences > Auto-create Link when Sharing (macOS)
  • Edit > Preferences > Auto-create Link when Sharing (Windows).

Add or remove artboards after clicking Share

When you click Share   in the Design mode, XD automatically creates a linear Flow, generates a shareable link, and switches to the Share mode. If you want to add new artboards or remove any artboards from the created Flow, you can use the wiring options in the Prototype mode. Follow the steps below:

  1. Switch to the Prototype mode.

  2. a. To wire an artboard, click the blue arrow on the source artboard and drag it to the destination artboard.

    Wire an artboard to the Flow
    Wire an artboard to the Flow

    b. To delete wiring to an artboard that you want to remove from the Flow, click the wire and press Delete.

    Remove an artboard from the Flow
    Remove an artboard from the Flow

  3. Switch to the Share mode.

  4. Click Create Link or Update Link under Link Settings in the Property Inspector.

 Want more control over wiring? Explore the Prototype mode. For details, see Create interactive prototypes.

Resolve conflicts when sharing artboards

When you share selected artboards that are already wired, some of the wires are removed — to create a linear Flow from the selected artboards.

The following types of pre-existing wires are removed:

  • All wires to artboards outside of the selection.
  • Tap trigger based wires between artboards that are not next to each other in the artboard order within the selection.

 XD will not remove wires from Main Components to any artboards outside the selection.

Example:

Here, the artboards are already wired. You want to share the first three artboards from the Design mode. To create a linear Flow from the selected artboards, the highlighted wires have to be removed.

XD creates a linear Flow from the selected artboards
XD creates a linear Flow from the selected artboards

A. Tap trigger based wire between artboards 1 and 3 is removed as they are not next to each other within the selection B. Wire to Artboard 4 is removed as it is outside of the selection 

In all cases where wires are removed, the following message is displayed.

Resolve conflict when sharing artboards
Resolve conflict when sharing artboards

To resolve this conflict, do one of the following:

  • Click Cancel and then manually check and modify the wiring before sharing again.
  • Click Continue to allow XD to modify the wiring and continue sharing the selected artboards.

 To retain the existing wiring of the selected artboards, create copies of those artboards and then share.

Tutorial

With the Share-selected artboards feature in Adobe XD, you can share designs from the application with no effort at all. Watch this tutorial from Dani Beaumont — Principal Product Manager, Adobe XD — to learn how to share selected artboards.

Watching time: 3 minutes.

Sigla Adobe

Conectați-vă la cont