The preview is blurry, when you zoom in everything is fine. What's the problem?

Hey @Holyoaa - can you provide more details? Apologies, but I’m not sure if I understand the issue exactly.

When you say preview, is the prototype rendering as blurry? I was looking at your screenshot, and I’m not understanding – is the screenshot you posted above one where you’re zoomed in?

Can you share a screen recording and a copy of the file you’re working with so I can better visualize the problem?

You probably have a ui zoomed. I had the same issue and resetting the UI zoom to 100% fixed the issue (even if now I have issues due to the small UI and screen distance)

I got same problem and it started from this morning

I’m not sure when this started as I haven’t used Figma for a while but since returning to it yesterday, whenever I zoom around the canvas and zoom into different screens, the text or images are blurry or not rendering properly until I zoom in enough or click into a layer which sometimes fixes it until I zoom out again. This is very strange behaviour. Refer to the images where you can see the subtle difference. You can also see the zoom level is the same in both screenshots. Does anyone else have this problem or know how to fix it?

Fuzzy/blurry: Screenshot1 hosted at ImgBB — ImgBB
Normal: Screenshot2 hosted at ImgBB — ImgBB

Same, I’ve had it since yesterday. Disabling FFX in the nvidia control panel does not help.

Noticed the same problem, very annoying 😕

Same problem, it is blurry on both Macbook and PC

Same problem.
Rendering text changes after selecting frame, graphics after moving frame.
Desktop App 116.17.13, mac OS 10.15.

Same issue:

Hey All, thanks for flagging this!

Is this happening both in browser and using the desktop app? We’ve already flagged this over to the team to try to reproduce and work on a fix.

Hey @dvaliao, thanks for looking into this! I made a quick video to show you what’s happening: Dropbox - figma glitch on zoom.mov - Simplify your life

I tested it on every device and platform I have, and I see this glitch on the Figma app for both a MacBook M3 Pro and a Windows PC, as well as in Chrome and Safari on both Mac and Windows.

Thanks, @neek! I’ll pass this onto the team.

So far, we’ve been able to reproduce, so now, we’re proactively looking into and working on fixing this bug.

Hey All, thanks for your patience!

Our team pushed a fix for this. Can you please refresh your tabs and check how things look now?

Let us know if you run into any further issues!

Thanks for the suggestion, @Licelia! 🙂

Has there been a fix on this yet? My prototypes are all fuzzy now when i preview from mac to a monitor. Started a week or two ago. It can only be fixed by setting the mac displays to ‘more space’. I cannot work at that display size.

Hey @jo1, the team already launched a fix for this!

If you’re still having issues after refreshing your tabs, please also try the solution listed above! ☝️

Hi dvaliao
thanks for your response. I have already tried the fix above, have disabled pixel preview. My prototypes have gone fuzzy a couple of weeks ago and I have to change my mac setting to ‘more space’ to get them unfuzzy, but this is not a good option when it used to work so perfectly. any other suggestions please?

Thanks for the additional context, @jo1!

This may be a regression or new issue. Are you able to share a screen recording or example file with us here? https://help.figma.com/hc/en-us/requests/new

Please use your Figma account email, include a link to the file, and share edit access with support-share@figma.com, so our team can take a closer look.

Hi dvaliao
Is there an email i can use to raise a ticket please?
I cannot share the file.
thanks

Hey @jo1, you can use the link I provided to submit a ticket in my previous response:

https://help.figma.com/hc/en-us/requests/new

I found a fix for this. In my case, my artboards are all 2560x1440

If I set the Prototype Device to “Custom Size” and set the width and height to be 1 pixel less than my art boards, it renders clean. If I set it to None or to the exact pixel size, it’s blurry when the browser window is a greater resolution than the artboards.

I work on a 6K monitor but design for screens that are smaller than mine, so the issue is visible for me 100% of the time. I have a feeling folks reporting the same issue are also working on screens larger than they’re designing for – a super common use case for product design!

This seems like a clear frontend bug.

I’m a new user, so I can’t post more than 1 media attachment per post. So following up with how text looks on my 6K monitor w/ 2560x1440p artboards without my workaround (the “before” screenshot if you will)

And here’s how it looks with my workaround:

As you can see, it goes from blurry to crisp if you make the Prototype resolution 1px (sometimes as much as 8-10px) narrower / shorter than the Frames you’re presenting.

Same issue - Pixel preview disabled - it will come into focus for a second and immediate goes back out - previously it might be pixelated for a second of 2 but would get clear right away - any other fixes for this?