How can I use GIFs for custom interactions?
  • 21 Jun 2023
  • 1 Minute to read
  • Dark
    Light

How can I use GIFs for custom interactions?

  • Dark
    Light

Article Summary

Adding a GIF to your prototype

To add a GIF to your prototype:

  1. Create or download the GIF you want to use.
  2. Open your prototype on InVision.
  3. On the Screens tab, click the pink + icon.
  4. Click Upload Screens, select your GIF, and click Open.

You will now see the GIF included in your list of screens, and you can create hotspots that will trigger your custom GIF screen.

Steps to add a GIF to InVision for custom animations

To take your GIFs to new heights, check out the article 7 tips for designing awesome animated GIFs.

Known 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?