Skip to main content
MonaUXUI
MonaUXUI
New Member
August 19, 2026

Video/GIF Export for Animated Frames

Problem:
When a Figma frame contains a video, GIF, or prototype animation, exporting it as PNG/JPG loses the motion. Currently, designers often need to use external tools or screen-record the prototype.

Suggested feature:
When a frame contains video, GIF, or animated interactions, add MP4 and GIF as export formats.

Export options:

  • PNG
  • JPG
  • SVG
  • PDF
  • MP4 🎬
  • GIF 🔄

Suggested UX

When clicking Export, Figma could automatically detect whether the frame contains animated content.

Export as:
○ PNG
○ JPG
○ SVG
○ PDF
○ MP4
○ GIF

For MP4/GIF, provide:

  • Duration: Entire prototype / Custom
  • Resolution: 1× / 2× / 3×
  • Frame rate: 24 / 30 / 60 FPS
  • GIF: Loop / Play once
  • MP4: Include audio / mute

⭐ Extra opportunity

A particularly useful option would be:

“Export prototype flow as video”

Instead of exporting just one frame, designers could select a prototype starting point and Figma would record the entire interaction flow as an MP4/GIF.

That would be extremely useful for portfolio case studies, presentations, social media, design reviews, and developer handoffs.

 

6 replies

Marius Jopen
Marius Jopen
New Member
October 1, 2026

This was exactly my problem, so I built a plugin for it:
Video Exportify
https://www.figma.com/community/plugin/1671131939511887101

Select a frame that has a video in it, attach the clip in the plugin, and it exports the whole frame as an MP4. Fonts, blurs and shadows are rendered by Figma itself, so it matches the canvas. Works in regular Design files, and you can export several frames at once.

Two limits: It doesn't record prototype transitions or Smart Animate, and since Figma's API won't hand out video bytes, you attach the clip once in the plugin. No GIF yet, MP4 and WebM only.

Full disclosure, I made it. Happy to answer questions.

MonaUXUI
MonaUXUIAuthor
New Member
October 1, 2026

Hey I tried the plugin, it’s good one! I just felt uploading the video again is an extra step and if that can be eliminated.

Marius Jopen
Marius Jopen
New Member
October 1, 2026

Hi Mona!

Thank you, that means a lot ❤️

You're right, and I wish I could remove that step.

The catch is on Figma's side:
When a plugin looks at a video in your file, Figma only gives it an ID, never the video file itself. So the plugin can see that there's a video, but it can't read it.

Two things make it quicker:

  1. You can drag the clip straight from your folder onto its slot in the plugin.
  2. You only upload each clip once. After that, the little arrow next to "Upload video" lists it under "Already uploaded", so you can drop it into other slots and frames in one click (see the screenshot).

And next on my list is making the plugin remember your clips, so re-exporting the same frame won't need the upload at all.

What are you making with it? I'd love to see it.

Marius

 

 

    Terms & ConditionsAccessibility statement