Figma plugin liveInstall

Video Export

Your gradient, as a video file

Create and preview an animated gradient for free. Export MP4, WebM or GIF with GradientLab Pro.

Create a gradient to export

How to make a gradient GIF or video

  1. Create and animate your gradient

    Choose your colors and gradient style in the editor, then preview the motion before exporting.

  2. Choose an animated export format

    Open Export and choose GIF, MP4 or WebM. These formats require Pro; Free supports watermarked PNG still images.

  3. Set the duration, render and check

    Choose the export dimensions, duration and frame rate. Download the result and check its file size, playback and loop transition in the destination where you will use it.

Need help with the motion first? Make an animated gradient before choosing your export settings.

MP4 (H.264)

Video export

WebM (VP9)

Web-optimized

GIF

Instant sharing

Three Formats

Three ways
to export.

GIF, MP4 or WebM? Start with the destination.

Use GIF when your destination specifically requires it. For video, check which MP4 or WebM files it accepts. Compare file size and color transitions in a small test export before rendering a larger version.

The animated studies above are live previews, not exported-file quality comparisons. Compression and playback can change the final appearance.

Compare gradient export formats and limits

MP4

WebM

GIF

RenderRenderthetheanimationanimationdirectlydirectlyinsteadinsteadofofcapturingcapturingyouryourscreen.screen.ThenThenpreviewpreviewthethedownloadeddownloadedfile:file:compression,compression,dimensionsdimensionsandandplaybackplaybackallallmattermattertotothethefinishedfinishedresult.result.

Render for the place it will play.

LIVE PREVIEW

ANIMATED GRADIENT

NOT AN EXPORT

The video file,
not a screen recording.

Preview your design for free. MP4, WebM and GIF exports are included with Pro. Check the downloaded loop before publishing.

Included with GradientLab Pro-Export to PNG, JPG, WebP, GIF, MP4, WebM-Pro exports have no watermark
Video Export