×

How can I use GIFs for custom interactions?

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.

Screen_Recording_2018-08-06_at_08.13_AM.gif

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

Known Limitations

Please note the following limitations for GIFs:

  • 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.

Getting Started: Prototype & Screen Management (
)