my present screen always distorted and I could not find the answer in anywhere.

Thanks

This is a known issue but I don’t think there is a known fix for this. Send a report and include your computer specs to Figma support team via the support request form or support@figma.com. It may sometimes not appear in other browsers/desktop app, so try it.

Fix for Chrome

Disable hardware acceleration in the settings and restart Chrome. If this didn’t help or if this slows down Figma too much for you, the following steps will fix the issue:

1. 
   

   Enter chrome://flags/ in the address bar and press Enter

   
   


2. 
   

   Find ANGLE in search

   
   


3. 
   

   Change the ANGLE graphics backend setting to D3D11, WebGL or whatever is available except D3D9 — this is the buggy version of this library

   
   


4. 
   

   Restart the browser

   
   

Fix for the Figma desktop app

1. 
   

   You need to register the application launch parameters. Go to the properties of the Figma shortcut (right click on the icon → “Properties” → “Shortcut” tab)

   
   


2. 
   

   Add the --use-angle=d3d11 or --use-angle=gl parameter to the “Target” field after the path to the application. The result in the first case will look something like this:
   
   "C:\Users\%USERNAME%\AppData\Local\Figma\Figma.exe" --use-angle=d3d11

   
   


3. 
   

   Close the window and use this shortcut to launch Figma app

   
   

The fixes above are only for Windows. This problem shouldn’t appear on macOS. If the fixes above don’t help, report the issue to the Figma team via the support request form. Don’t forget to send them your system information: both hardware and software. You can use another browser like Firefox in the meantime.

Thanks everyone in this thread for posting the solutions, especially @Daniel_Slamen, @Rajapradeep, @Al_Mahdi, @tank666!

I think clipping the main frame of the screen could be a fix for it.

I have no way of confirming, but I reckon this might work.

Seeing weird scaling issues with a figma prototype on Windows - both chrome and Firefox has the exact same issue: the content inside the Device frame was squished up into the top left fo the frame… Is this a known thing?

I’m having the same problem with Edge88 and Chrome88. Firefox85 displays correctly.

Here’s what I see in Chrome:

Here’s what Figma prototypes look like when I use Chrome and Edge:

As I said above, you need to reach out to Figma support regarding this issue.

I did reach out to support today, Gleb.

I hope I get a response and a fix soon.

Thanks for answering,

Bonnie

The presentation play mode works well on my phone but appears chopped up and partially stretched on my desktop PC (Chrome browser running Windows 10). I’ve check on Microsoft Edge browser and it’s the same. Any ideas? See attached…

Hi Guys!

I have a problem … sometimes on different clients I see the problem like that. NOT Correct view in presentation mode… for example in Chrome. Just part of mockup like zoomed… - and same problem in another prototypes.

What is it? how to fix?

maybe already have solution.

Thanks,

YES, we just had this problem last month, same distortion type and area. 😡

I had a project for an online course I am taking. I did all my work using the Figma desktop app. When I reviewed the prototype it looked fine. I shared it with a classmate and he said it was distorted and sent me a screenshot. He said others in the class have the same problem. When I opened the Figma file in a browser it was not ok it was also distorted. Is there something wrong with the Figma desktop app? Should I only use Figma through a browser? Which browser? Thanks

Same problem!! 😟

Same here, on mac laptop, it’s all fine but on a windows laptop, it is the same view. I don’t know how to fix it either, any help would be appreciated. 🙂

Everything is fine but when I preview the prototype I created it shows something like in the image. Someone please help me

h have the same problem. i opened my project in fidma web application by firefox and it solved.

We can find solution as Using a Firefox browser to view the prototype … ✅

I have the same problem. Any solution?

I don’t know if this is a bug or what, but when I publish and try to preview my prototype, it looks weird, like one part of the screen is offset.

Here are some screenshots to see what I’m talking about

The first three examples are from my own prototype and the last one is from a friend.

Everybody else can see it fine, but my computer really struggles with it.

is it a bug? is there a solution for this?

I’ve already tried switching browsers and it’s still the same.

Thank you!

(sorry if it’s in the wrong tag, I’m new here)

im new to figma. i have problem with preview, is there any solution for this

Facing this problem! Any solution?

I updated my Figma to the latest version last day and started getting errors on the Preview Page.

When I design my project in the artboard and then I click on that Play icon to preview the design, My design is distorted I see a large Magnified Box at the top-Left corner of the screen.

Before the update, my Figma was working fine.

I recorded my screen to share with you so you can better understand what I’m trying to say. https://youtu.be/9x5HireJcxM

im using brave…for a month…but didn’t crashed like this… im using figma webapp…

yes…same happend to me…😪😪😪😖😖

(post deleted by author)

@Uma is this fixed?

@khushi_mathur is this fixed?

same

I am facing the same problem. I can not do a proper prototype. please help me as soon as possible