Hello, I’m trying to add a video of a Figma prototype in a web page. Ideally I would like to record directly the prototype video and embed it in the web page.
To see what I’m trying to achieve, look at this website: https://www.tryfabric.co/
So far I tried recording the prototype using CMD+Shift+5 to record the screen and embedding the video using Vimeo Pro, but it’s nearly impossibile to get it to autoplay correctly and hide the player controls at the same time. Also, some browsers block autoplaying videos, so it’s quite a headache to get it to work.
The other way would be creating a svg animation using Lottie, but the workflow to do so really sucks, since you need to go through AE, Bodymovin, Lottie. Also, I would lose the interactive components behaviours that make the prototype realistic, and it would take ages to reanimate everything by hand.
It seems like there is a gap between Figma and svg animations. Maybe an idea for a plugin here? In any case, does anyone know what’s the best workflow to create a svg animation starting from Figma?