Prototype view

You can share your project’s prototype by creating a Prototype view link. A Prototype view works just like your project’s Preview window, but it can be viewed by anyone with the link.

To create a Prototype view, click on the Share button on the Toolbar to open the Share Prototype menu, then click Copy Link. You can share the link however you’d like: anyone visiting the link will open your Prototype view.

Share Prototype menu

You can configure your Prototype view on the Share Prototype menu.

  • If Link to selected Frame is checked, the Prototype view will start from the currently selected layer. If not, it will start from your project’s Home Frame.
  • If Hide Framer interface is checked, the Prototype view will display without any additional controls.

To view your Prototype view yourself, click Open Protoype.

Prototype view

Unless you’ve chosen Hide Framer interface, a Prototype view will display information and several controls around your prototype.

Full Screen

To view your prototype without any distractions, enter Full Screen mode with the arrow icon in the top-right corner.

Open on Mobile

To view your Prototype view on mobile, click the mobile icon near the window’s top-right corner. This will display a QR code that you can scan with your mobile phone’s camera or QR code app.

Updating

The Prototype view’s timestamp is shown in the bottom-left corner. If an update is available, you’ll instead see a button to Refresh the Prototype view.

Note: A Prototype view will not automatically update to reflect new changes in the project. If there is a newer version, you’ll need to click the Refresh button to see it.

Device Components

You can use the Device Component to customize the appearance of your Prototype view.