How to use animated GIFs in your prototypes

Animated GIFs are a great way to add fancy animations to your prototype. They can be used as entire screens and function just like a PNG or JPG, but with the added twist of being animated.

GIFs can be made in a number of different tools such as After Effects and Screenflow.


How to use:

  1. Go to any project
  2. Drag your GIF into the project
  3. Hover over the GIF and click Prototype
  4. Add hotspots linking it to other screens
  5. Click Play



Was this article helpful?
22 out of 107 found this helpful