How to add links and transitions to your prototype using the iOS app

This article is step 3 of creating your first project on the app. View: step 1, step 2

The final step is to link your screens together and add transitions to turn your project into a fully interactive prototype. 

  1. To get started, you'll need to have at least 2 screens in your project 
  2. Tap on any of the screens in your project to open the editor
  3. Tap the 'add link' button in the top right hand corner
  4. The red square which pops up is the Hotspot. You can move this and resize this over any area on the image (when the user taps one this Hotspot, it will link to another screen)
  5. When you're happy with the position of the Hotspot, tap the 'link to image' icon directly over the Hotspot
  6. Choose the target (this is the image you want to link to) in the bottom navigation
  7. Tap on the transition tab (next to target) - add a transition such as slide left, fade, etc
  8. Hit the green 'done' button at the bottom to save the Hotspot
  9. Tap on your next image to open the Editor again. Repeat the same steps to add another Hotspot
  10. When you've finished adding your links and transitions, hit the green play button in the bottom right-hand corner to play your prototype!

Note - whilst you're playing your project, you can exit any time using long press (tap your screen and hold for 2 seconds). When hit the play button to play your prototype, the app will ask you to long press to start and finish playing your prototype 

More questions? You can submit a request.