Using GIFs for custom interactions in InVision V7 prototypes V7

This article provides answers for InVision V7. If you're on InVision V6, read these instructions instead. Not sure which version you're using? Find out now.

To add a GIF to your prototype:

1. Create or download the GIF you want to use.
2. Open your prototype in InVision.
3. In the upper-right corner, click Add Screens.
4. Click Upload Screens, navigate to the GIF and select it, and click the Open button. You will now see the GIF included in your list of screens.

To take your GIFs to new heights, be sure to check out this article: 7 tips for designing awesome animated GIFs

GIF limitations

If using your GIF as an overlay, the GIF must be the same size as the screen you place it on. It isn’t currently possible to use a GIF as an overlay on a static image and have that GIF play upon opening the screen. You can, however, use a GIF as an overlay and use a hotspot to play it.