Prototyping with transparent videos

Did you figure out a solution for this? I’ve got the same issue

Nope. I did a workaround, put the website background in the video. Not ideal since every time you change the website, you should edit the video too, but it helps with visualizing.

Seems to be a bug, as I imported a .webm video with a transparent background, and when running the prototype, it appeared perfectly without the background. But then after repositioning, and resizing, when opening the prototype again the black background appeared. And even running Ctrl+Z, for the previous position and size, the prototype continued to show the black background.

Did anyone find a solution for this?? it’s soooo annoying…

sera el que problema persiste?

Also seeing this issue - webm with transparency is very buggy. Shows the first time and never again after that in prototyping mode - black background.

Please fix!

Same problem! Please fix.

Yep, same problem. We really need this one, please help.

Ditto! This is a NEEDED feature. Please assist!

Had the same issue, ended up converting it to a GIF instead

Bumping this — also having this issue.

使用 alpha + mask 可以解决

Same also having the issue.

+1 very annoying issue 😦 Every other online editor works well with transparent background .webm.

Solution: Open Prototype settings and change your black background. Looks like Figma is adding the default prototype color to your video. 😀

Changing the prototype background doesn’t seem to work for me. The added background color also doesn’t seem to match the prototype background.
I can’t upload my webm files here, but here is an example Figma file:

I have the same issue. I managed to get it to work somehow when I first imported the video, afterwards it started going black without anything I can do to stop it.

Is this issue being addressed?

2024 - Problem still actual :(((

I don’t understand this. The WebM places fine, with transparency and antialiasing in effect, and gets treated as a video fill. But then once I play the prototype I get a single good frame and then the background gets filled with black and the antialiasing gets blown away to chunkiness.

I’m surprised this hasn’t gotten addressed yet. It would be a real help in working around limitations with Figma and components with embedded transitions.

Hi all,

Thank you for sharing your thoughts regarding transparent videos. After consulting with our internal product team, they have confirmed that transparent videos are currently not supported.

We are aware of these feedback we have received and while we cannot guarantee it, our team may consider this for future enhancements.

Thanks,
Toku

Still actual, plz fix

Still seeing this bug. It’s not just unsupported, there’s actual bug behavior. If it’s not currently supported, maybe consider throwing a message or not allowing the user to add the webm video in the first place.

It still wouldn’t work but at least it would properly set expectations.

Every time I try to do something in Figma I encounter nonsense. Please fix such logic issues instead of wasting your time with plugins like stupid cursor appearance changer! Also, this video feature has been around for a long time and your APIs still do not support full capability for the video feature.

veeeery annoying issue 🫤 How difficult is that to solve?

Hey everyone, thank you for taking your time to leave your feedback!

For a reminder the team has confirmed that transparent videos aren’t currently supported in Figma, that’s why I’ve changed the topic of this post from “Ask the community” to “Share an idea”.

Please feel free to upvote this post and keep the feedback coming in. This helps us roadmap future updates.

Thanks,
Gayani