Links

In Adobe XD, each artboard represents a webpage that can be connected to each other or other external websites via Links.

Anima supports the following Adobe XD native Prototype Interaction features:

Anima also includes:

To connect artboards in the same Adobe XD document, use the Tap action and Transition type:

Creating an Internal link with Adobe

❗️* IMPORTANT

  • Only Tap triggers and Transition, Overlays, Previous Arboard actions types are supported
  • Animation, Easing, and Duration settings are not currently supported

Many times you want to create links to external websites that aren’t a part of your website, for example, links to Facebook, Twitter, App Stores, etc..

To create an External Link:

  1. Select the layer which will trigger the navigation event (i.e.: a social media icon or email address).
  2. Click Link in the Flow section
  3. Select External Link from the Link Type drop-down menu
  4. Enter the full URL for the external website or enter ‘mailto: info@example.com’ to link to an email address

External Link

Overlays

An Overlay is a link type that lets you display another artboard on top of the existing one rather than as a separate destination screen.

Using Adobe XD Prototype Triggers*

When you create a Tap trigger Overlay using Adobe XD, it automatically populates as an Anima Overlay.

❗️*IMPORTANT

  • Only Transition and Overlays triggers are supported
  • Animation, Easing, and Duration settings are not currently supported
  • Overlay placement is currently fixed center

Creating an Overlay with Adobe

You can create Links to a different section in the same artboard (webpage).

To create an Anchor Link:

  1. Select the layer which will trigger the navigation event*
  2. Click Link in the Flow section
  3. Select Anchor Link from the Link Type drop-down menu
  4. With your mouse, select the layer that will act as Anchor
  5. Click Done to apply it

Anima Anchor Links

❗️IMPORTANT

  • Anchor Links can only be created on the same artboard.

If you created an Anima Link and now you want to remove it:

  1. Select the Layer with the link you want to remove
  2. Click the Trash Icon in the Link section

Adobe XD Triggers and actions can be edited or deleted in Prototype mode.

Remove Links