0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#11 in GIF & Video

FlowShot

Export Figma Prototypes and Flows into MP4/GIF/WEBM video FREE & Open Source

by NovinCode

users
15K
likes
76
saves
1K
comments
17
FreeWorks inFigma Design
Price
Free
Latest version
v2 · Jun 11, 2025
First published
Jun 4, 2025
Publisher
NovinCode
On this page
Overview

About FlowShot

FlowShot is a free Figma plugin published by NovinCode in 2025. It works in Figma Design and has 14,871 users and 76 likes on the Figma Community. It ranks #11 in GIF & Video on our lists.

In the developer's words

Capture your Figma prototype flows — effortlessly.

FlowShot turns your interactive designs into smooth, high-quality videos with just a few clicks. No screen recording, no cropping, no stress.

Powered by an open-source core using Playwright, TypeScript, and FFmpeg — and built to scale, FlowShot lets you export your prototype flows exactly as they look and feel inside Figma.

Whether you're a designer sharing interactions, or a developer demoing a product, FlowShot gives you clean visuals you can trust.

👉 Customize export settings

👉 Record any flow, in any size

👉 Use locally or connect to your own server

Free, open source, and built by someone who needed this tool too.

Visit Official Website | Github | By CodeIdeal

Changelog

What's new

Version 2 · released Jun 11, 2025

  • Rebranded to FlowShot
Trust

Permissions and privacy

Network access

FlowShot can only connect to the 3 domains declared in its manifest: localhost:8787, localhost and flowshot.codeideal.com.

  • localhost:8787
  • localhost
  • flowshot.codeideal.com

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where FlowShot ranks

Compare

FlowShot alternatives

  1. 1

    Motion

    by Pavel Babkin

    367K users5.6KFree + paid features

    Animate UI in Figma. Export to video, GIF, SVG.

  2. 2

    Export to GIF/Video

    by Evan at CreativeFlow

    311K users3KFree + paid features

    Export animations to GIF or Video in one-click

  3. 3

    GIF Export

    by Appcano

    306K users2.7KFree

    Export gifs or frames with gifs in them!

  4. 4

    Animated Gif Maker

    by Dustin Gamester

    99K users969Free

    Generate and export animaged gifs without leaving Figma

  5. 5

    SVG Animate

    by Tobias Strebitzer

    76K users571Free + $9/mo upgrade

    Bring your Figma creations to life with stunning animations and seamless export to web and video.

  6. 76K users1.1KFree + paid features

    Animate and export production ready banners from Figma to HTML, GIFs and Videos

FAQ

FlowShot FAQ

What does FlowShot do?

Export Figma Prototypes and Flows into MP4/GIF/WEBM video FREE & Open Source. It's a Figma plugin by NovinCode that runs in Figma Design.

Is FlowShot free?

Yes. FlowShot is free to install and run from the Figma Community, with no paid tier listed.

Is FlowShot safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. FlowShot can only connect to the 3 domains declared in its manifest: localhost:8787, localhost and flowshot.codeideal.com. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install FlowShot?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to FlowShot?

By user count, the closest alternatives are Motion, Export to GIF/Video and GIF Export by Appcano. Compare all of them on the best Figma plugins for gif & video.

For developers

Built this plugin?

Use this page as a landing page for FlowShot: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

FlowShot on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/flowshot/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="FlowShot on figmaplugins.co" width="220" height="48"></a>