Bad Video Playback Quality

Same here.

I understand the need for bandwidth and/or storage optimizations, but is there any way to increase video quality? Maybe by using local storage or preloading?

Hey both – I can’t be entirely sure, but this may be due to how we process video files in a prototype’s presentation mode at the moment.

In terms of things to try in order to improve the quality, see if the following steps below. @Tom_Birch this may not apply to you – I’m assuming you have a low resolution already, but just in case they may help you and @Jordi4:

• Depending on how large the video will actually be in the prototype, you can reduce the resolution of the video which should help
• In other words, if a 1920x1080 video will only ever appear in a frame that is 600 pixels wide, you can try to reduce the quality of the video to match the size of the frame it will appear in.
• This means that Figma won’t try to compress the video as much, which might help with the quality that appears when this plays.

I realize that this probably affects the quality of what you’re trying to prototype, so I’m making sure to pass your feedback along internally. If you have any additional comments you’d like to provide, feel free to drop them here 😊

I have a design concept that I have created that I want to put on my portfolio. It’s only a grand total of five pages. I am using Adobe Stock videos as background fills. Four out of the five work just fine! The fifth… no matter how much I try to encode it using Premiere, Handbrake, etc. … simply REFUSES to play without serious degradation. I’ve gotten this video to work at moments… only to quickly revert to the muddy, degraded version. There was one evening that I got it to play beautifully and crystal clear… then when the video looped it started alternating between gorgeous, crystal clear and completely muddled and pixelated. Every other time. I THOUGHT that I finally landed on a version (file size, encoding, etc.) that played gorgeously for one evening! Then the next day… 100% muddy and pixelated again.

I’ve tried SO MANY different things to get this single video to play beautifully like the other four!! The idea of EMBEDDING the video into my Figma design from my own hosting occurred to me just this evening. Sadly… it looks like Figma doesn’t support that. I’m honestly at my wits end trying to get this one video to play correctly while the others are playing just fine. I just don’t get it. PLEASE help!! 🙏

Thanks for the comment. It sounds strange that this happens only in a part of the file. I believe reaching out directly to the support team with a copy of your file would be best, so could you reach out at https://help.figma.com/hc/en-us/requests/new? Our support team can look into it.

Please make sure you use the email associated with your Figma account, include links to the file in question, and share access with support-share@figma.com. Don’t worry, inviting us to view your file won’t impact your billing.

Thanks,
Toku

Thank you so much for your quick reply! I will reach out to them now! I appreciate it! ☺️

Not sure if it works for everybody, but in my case, i convert the video in webm format and found that it displays beautifully. Hope this helps! (I forgot to mention, this happened to me in Figma slide, the video has good quality but when inserted it became pixelated. So the file conversion works for me.)

Thanks for sharing the tip! It is helpful for others.

Thanks for advice to compess to webm the video is more clean than .mp4, however the issue is still presist when droping file to Figma presenting mode, and video become pixelated again. 😦

Would love support here as well. Can’t seem to get anything to work in regards to showing video in high enough quality to not be pixelated.

Yeah I’m having the same problem. My showreel is absolutely butchered by Figma Slides, to the point where it’s unwatchable. What’s the point of a 100mb video limit if it still compresses everything down? And how can it be that professional software for creators like Figma gives no control over video compression? It makes it very hard to use. 

Yeah same problem here. Never had any problems with video quality before, but now Figma compresses everything to the point where the quality is gone. I’ve tried different ways to fix it (keeping the video under 10MB, using webm, mp4 with h264, h265, av1), but nothing works. These are short 1080p videos that used to look super sharp, but now they’re pixelated and low quality. It’s just looks awful.