Skip Navigation

Prototyping

Last updated on 29 Aug 2023
1 min read

With Sketch’s prototyping tools, you can bring your designs to life using a range of simple to advanced interactions. With features like Overlays and scrolling Artboards, you can accurately show how your designs would work in the real world — and on any device.

If you’re just getting started on prototyping, take a look at our hands-on tutorial document that you can view in your browser and freely edit in the Mac app.

An overview of prototyping tools

With Sketch you have a broad range of prototyping tools at your fingertips:

Artboards which you can set as:

  • Screens that present your design by filling the entire window, or as
  • Overlays that display an Artboard on top of another one — for example menus, dropdowns or dialogs.

Interactions which connect your different Artboards (Screens and Overlays) and can be set using:

  • Links that trigger an event, like moving to another Artboard or showing an Overlay when you click on a specific layer.
  • Hotspots that create clickable areas linking to other Artboards.

Start Points which set where the prototype will start playing from.

Scrolling prototypes which increase the height of an Artboard when it’s added to an Artboard Template. When using an Artboard template, your designs become scrollable automatically. You can maintain scroll position between Artboards too.

Fixed elements will pin certain parts of your design in place in a scrolling prototype, which comes in handy for those typically static elements like menu bars, toolbars, or footers.

Preview which lets you view your prototype on the Mac app, via the web app, or using our iPhone app.

These guides cover prototyping upgrades from version 90 onwards, which includes the Prototyping tab in the Inspector and Overlays.