Skip Navigation

Creating scrolling prototypes

Last updated on 10 Nov 2023
1 min read

Scrolling Prototypes enable you to create realistic prototypes that more closely resemble a finished product. For example, you can create app prototypes that mimic scrolling lists.

Creating scrolling Artboards

Watch lesson

To create a prototype that will scroll vertically when you preview it:

  1. Start by opening Insert Create in the Toolbar and selecting a Template for your fixed window that your prototype will show in the viewport. Alternatively, create your own Artboard Templates to use as a scrolling Artboard.
  2. Increase the height of your Artboard template (its preset dimensions in the Inspector will show an asterisk * to indicate that you’ve resized it) and add extra layers that will scroll within the viewport
  3. Preview Preview your prototype to see how your resized Artboard and the layers within it scroll inside the viewport
  4. You can create and add fixed elements to your scrolling prototypes, such as tabs and menu bars

Make sure you use an Artboard template to create scrolling Artboards. If you try to use a custom Artboard, your prototype won’t scroll in the app, on the web app and in the iOS app. Also, keep in mind that scrolling Artboards only works with vertical layouts.

An image showing the steps to create a vertically scrolling prototype

Steps to create a vertically scrolling prototype