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: Edit an existing GIF or MP4 - Load a GIF or MP4, then resize, transform, trim, retime, and export the edited animation with TinyImage.. Machine-readable page: /tinyimage/gif-editing.md.

Edit an existing GIF or MP4

Load a GIF or MP4, then resize, transform, trim, retime, and export the edited animation with TinyImage.

Use GIF Editor in TinyImage's GIF tab to edit an existing animated GIF or MP4 without rebuilding it from separate Figma layers.

Load a GIF or MP4 ​

In Figma Design, select one of the following:

  • A layer that contains an animated GIF fill.
  • A frame that contains one or more GIF layers at any nesting level.

If you open GIF Editor with one of these layers selected, TinyImage loads it automatically. Otherwise, choose Use selected Figma GIF layer. You can also choose Choose file from your computer to load a local GIF or MP4.

When you load a frame, TinyImage bakes the frame's visible layer stack into every animation frame. This includes content, masks, effects, and other layers above or below the nested GIF layers. The original Figma frame and its layers are not changed.

If the frame contains multiple GIFs, TinyImage synchronizes their frame changes into one editable timeline. For stability, a combined frame animation can be up to two minutes long and contain up to 500 combined frames.

Select Reset at any time to return to the originally loaded GIF.

TinyImage warns you before replacing a GIF that has changes you have not exported. Large GIFs also show a processing warning. GIFs can contain up to 2,000 frames, use dimensions up to 8,192 px, and have a source file size up to 100 MB.

MP4 files can be up to 60 seconds long and 100 MB. TinyImage samples the video at 10 frames per second and automatically reduces very large video dimensions when necessary for reliable editing.

Resize and transform the animation ​

Enter an output width or height and keep Lock ratio enabled to preserve the original proportions. Select Apply size to resize every frame.

The transform controls can:

  • Rotate every frame 90 degrees to the left or right.
  • Flip every frame horizontally or vertically.
  • Crop every frame using a visual selection or exact X, Y, width, and height values.

Trim and retime the GIF ​

Use the timeline handles to choose the first and last frame to keep. Use the Speed dropdown to make the whole animation 50% or 25% slower, keep its normal 100% timing, or make it 25%, 50%, or 100% faster. TinyImage recalculates each frame from its original timing, so intentional timing differences between frames are preserved.

Enable Reverse to reverse the preview, timeline, and exported frame order. If you already trimmed the animation, TinyImage keeps the same chosen frames and reverses their order. Choose the loop option to control how many times GIF and APNG outputs play.

Configure and export the output ​

Use the format menu beside the export button to download the edited animation as:

  • Animated GIF
  • Animated PNG (APNG)
  • Animated WebP
  • MP4 video
  • WebM video

GIF and APNG exports include a loop control, MP4 and WebM exports include a video-loop control, and Animated WebP loops continuously.

GIF Editor uses the same Quality slider and Lossless option as Create a GIF/MP4. These controls apply to GIF, APNG, and Animated WebP exports. Enable Lossless to disable the quality slider and preserve image quality, or lower the quality value to reduce file size with lossy compression. MP4 and WebM use the editor's highest supported video quality instead.

When an original GIF has not been edited, TinyImage uses its original file data as the input and applies the selected compression without re-encoding every frame first. Edited GIFs are rebuilt with the format's maximum 256-color palette before the selected compression is applied. The same GIF compression setting is used for downloads and Insert GIF to Figma.

Review the playback preview after each change, then choose Export GIF, Export APNG, Export WebP, Export MP4, or Export WebM. Select Insert GIF to Figma to add the edited animation to the current Figma page as a GIF. TinyImage shows per-frame export progress, and you can cancel before the next frame is processed.