Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Import an MP4 video to animated GIF in Figma with one click - This tutorial shows how to use the Convertify Figma plugin to import an MP4 video as an animated GIF layer directly in Figma. It demonstrates saving and running the plugin, switching to the Import Video as GIF to Figma option, and dragging an MP4 file into the plugin window to create a playable GIF layer on the canvas.. Machine-readable page: /convertify/tutorials/import-an-mp4-video-to-animated-gif-in-figma-with-one-click.md.

Skip to content

Import an MP4 video to animated GIF in Figma with one click

This tutorial shows how to use the Convertify Figma plugin to import an MP4 video as an animated GIF layer directly in Figma. It demonstrates saving and running the plugin, switching to the Import Video as GIF to Figma option, and dragging an MP4 file into the plugin window to create a playable GIF layer on the canvas.

← Back to Convertify Video Tutorials

What this video covers

This tutorial shows how to use the Convertify Figma plugin to import an MP4 video as an animated GIF layer directly in Figma. It demonstrates saving and running the plugin, switching to the Import Video as GIF to Figma option, and dragging an MP4 file into the plugin window to create a playable GIF layer on the canvas.

Things you'll need

  • Figma
  • Convertify Figma plugin
  • An MP4 video file

Steps

  1. Open a new or existing Figma file, open the actions icon, search for Convertify under the plugins tab, and save or run it.
  2. In Convertify, open the dropdown and switch from Export Figma to Sketch to Import to Figma, then choose Import Video as GIF to Figma.
  3. Drag and drop an MP4 video file into the Convertify window.
  4. Wait for the plugin to convert the video frame by frame into a GIF and insert it automatically into the Figma page.
  5. Select the inserted layer and check the fill preview, where it appears as GIF with a play icon.
  6. Use the GIF layer like a normal Figma layer, including resizing it or playing it back inside Figma.
  7. Keep video clips short; the tutorial notes a maximum video length of 60 seconds, with shorter clips preferred.

Useful links