Design tools like Figma and UXPin don't support video formats like MP4. Unfortunately only GIF is accepted. Some would think that the Adobe Media Encoder GIF export would do the trick however once again this software disappoints us professionals.
My research brought me to this detailed approach: http://blog.pkh.me/p/21-high-quality-gif-with-ffmpeg.html
For those who don't want to read through the whole information I present a quick and dirty solution. Because in the end you just want to develop this click dummy, I suppose.
It is important to note that GIF creates big files. So don't even think about using it online.
- You need FFmpeg for this
- For Windows create a cmd-file like convert2gif.cmd inside your video directory and insert the code below
- Open a command prompt and run the script like this: convert2gif YOURFILE.MP4
::=============================================================== :: First parameter is the input file :: start_time: leave blank to start at 00:00 or use a different start time MM:SS :: duration: in seconds :: fps: choose a framerate :: scale: choose a width for the output. The height follows proportionally. ::=============================================================== SET /p start_time="Start time: " SET /p duration="Duration: " SET /p fps="FPS: " SET /p width="Width: " SET palette="%temp%\palette.png" SET filters="fps=%fps%,scale=%width%:-1:flags=lanczos" ffmpeg -v warning -ss %start_time% -t %duration% -i %1 -vf "%filters%,palettegen=stats_mode=diff" -y %palette% ffmpeg -v warning -ss %start_time% -t %duration% -i %1 -i %palette% -lavfi "%filters% [x]; [x][1:v] paletteuse=dither=sierra2" -y %~n1.gif