Using GIFs for custom interactions in InVision V7 prototypes
  • 05 Jan 2023
  • 1 Minute to read
  • Dark
    Light

Using GIFs for custom interactions in InVision V7 prototypes

  • Dark
    Light

Article Summary

This article provides answers for InVision V7. If you're on InVision V6, read this article 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.


Was this article helpful?