Justinmind

SUPPORT

Learn how to prototype web and mobile apps

How to create links in your interactive wireframes

Build interactive wireframes in no time by creating links between pages. In this tutorial we will show you how to do so in order to navigate from screen to screen.

You have three ways to create a link between two screens:

1) Drag one of the widgets you have in the canvas to the screen you want to link it to in the screens tab on the right. That will create an ‘On click -> Link to‘ event automatically.

Create links in your interactive wireframes

2) Use the right-click option ‘Add link’.

Right-Click to Create links in your interactive wireframes

3) Drag a screen to a widget in the canvas, and a link will automatically be created.

Screen to widget link in your interactive wireframes

If you want to link only on one point of a component (e.g. part of a text or of an image), place a Hotspot widget (Image Map) over it and then drag it to the screen you want to generate the link to. The Hotspot is not displayed when you click the Simulate button but the area it occupies is still interactive.

Hotspot widget for your interactive wireframes

Next tutorial > Create interactive wireframes from images