# Adding Links

> Learn how to add Links to your Sketch prototypes with the help of our step-by-step guides and video tutorials.

**URL:** https://www.sketch.com/docs/prototyping/adding-links/ | **Last updated:** 2026-04-07

---
Links let you connect frames and create prototypes to add interactivity to your designs. You can add links from any layer and connect them to any frame.

## Adding a link

There are different ways to add a link. Start by selecting a frame or layer and choose one of these options:

- Press <kbd>I</kbd> and drag to create a link, then click a target frame.
- Click the icon in the Navigate section of the Prototyping panel.
- Select the menu option **Prototype** > **Interaction** > **Create Interaction**.
- Launch the [Command Bar](/docs/interface-and-settings/the-mac-app-interface/the-command-bar/), search for _Interaction_ and press <kbd>⏎</kbd>.

The key concept behind links is simple: a layer triggers the interaction when you tap or click it, and a frame is the target it links to.

You can link to any frame in your document — even ones on other pages. You can also link multiple frames at once and they’ll all share the same target.

Frames in prototypes can appear in two ways: as a Screen or an Overlay.

- Screens show one at a time — each new frame replaces the previous one.
- Overlays appear on top of the current frame, and can even [stack on top of other Overlays](/docs/prototyping/overlays/).

The first frame you link in a document automatically becomes the [Start Point](/docs/prototyping/using-starting-points/) of your prototype. A Start Point icon appears next to the frame’s name on the Canvas and in the corner of its icon in the Layer List. You can set any frame as a Start Point, and add as many Start Points as you need.

## Automatically linking frames

To quickly link frames, choose **Prototype** > **Interaction** > **Auto Link to Right Frame** to create a link from the selected frame to the one immediately to its right. Similarly, you can link to the frame on the left using **Prototype** > **Interaction** > **Link to Previous Frame**. You can also set Auto Link by dragging a link and hovering over the **Go to Frame** icon in the top-right or top-left corner of your frame.

If there are no frames to the left or right, but there’s one below, the Auto Link option will target the frame below instead.

Auto Links update automatically when you reorder frames — perfect for prototypes with linear navigation, like presentations or onboarding experiences.

Auto Link direction is based on the **Frame Export** option in [**Settings > Layers**](/docs/interface-and-settings/the-mac-app-interface/the-layer-list/). This determines whether Auto Link targets frames to the right or left first. The default is left to right.

## Editing links

You can edit two link properties: the **Target**, which is where the interaction links to, and the **Animation** which controls how the transition between frames looks when you play the prototype.

### Editing a link’s target

- Select a layer with a link and drag the connecting arrow to a new target. You can also use the **Go to Frame** icons that appear when you click and drag the link and hover over the upper left or right sides of the Frame containing the link.
- Select a layer with a link, switch to the Prototype tab of the Inspector and click on the Target dropdown menu to select a new target.
- Select a Symbol instance with link overrides, then choose a new target from the **Nested Symbols** section in the Inspector.

> **Note:** Set a link’s target to **None** to disable it without deleting it.

### Editing a link’s animation

Open the Prototyping panel and click the Animation dropdown menu to change the [Animation type](/docs/prototyping/animating/).

### Linking back to the previous frame

Select **Previous Frame** in the **Target** dropdown menu to return to whichever frame you were previewing before the current one. This is helpful when you have lots of links leading to a single frame — like a settings screen that multiple screens can open. Instead of creating separate links back to each origin, a single "Previous Frame" link handles all cases.

### Maintaining scroll position after click

When you enable this option, the target frame opens at the same scroll position as the layer that triggered the interaction. You’ll find this setting at the bottom of the Prototyping panel when editing a link.

## Removing a link

There are several ways to remove a link:

- In the Menu Bar, choose **Prototype** > **Remove Interaction** to remove the interaction from the selected layer, or **Remove All Interactions** to also remove interactions from all layers inside it.
- Use the [Command Bar](/docs/interface-and-settings/the-mac-app-interface/the-command-bar/) to find and run either action.
- Select a [Hotspot](/docs/prototyping/adding-hotspots/) or layer with a link and click the **-** icon in the **Interaction** section.
- Click and drag the arrow end that connects a link to its target frame and drop it anywhere outside a target frame on the Canvas.

## Using links with Symbols

You can add interactions directly to a Symbol Source. That way, every instance of that Symbol will include the interactions you’ve set — like a home button that always links to the same screen.

You can also override interactions set in the Symbol Source for any instance — or set the target to None to disable the interaction when needed. You’ll find these overrides in the Interactions section in the Inspector.