Diagonal pixel line artifact in the prototype view

@Katsiaryna_Silva can you share a link to the file by chance? Hard to tell what exactly is happening in your screenshots. Is the top window Microsoft Paint?

Hi Josh I can’t share a link here, restricted. Can you please give me your email address

Josh yes the top of the window is a Microsoft paint.
I have this weird line on every single frame in the same spot.

There’s a line that comes across the screen when i try to play the prototype when I’m designing for a laptop. Is it because the screen size is bigger than my screen size? This is what it looks like when i use the normal desktop frame

Thanks. Priyal. I realized that too. Even though in chrome it sat to 100%. Also it didn’t happen in Edge browser for example. It now it’s no longer happening.

One of our employees has a PC and when he presents our prototypes from his web experience we get these weird lines showing up on all pages. If he presents from the PC native app he does not get these. It is isolated to PC only and web only. All our macs do not show it on either web or native app.

Example here:

Pushing to the top…

There is a black color line appears while previewing.

Can you show screenshots?

Ok so I don’t know how to deal with this, but no matter what I tried, when I present the project a weird pixelated line appears.

I tried to use different shapes, different sizes…I closed the browser and get back to it…

I tried to use text only and the line isn’t there anymore.

I did not draw that line. Is just there, and if I resize the whole thing, the line just change places.

I tried to make some circles and just animate from a red circle to a green circle. The same thing happens, a pixelated line just appears. Why is this happening ?

Apparently this happens in Chrome. When I use Edge, it doesn’t appear anymore.

I have the same issue. Note how there’s multiple lines, not just one. For me, the lines appear in Edge, not Chrome. Very weird.

EDIT
I think I got it to work… I just had to enable hardware acceleration in my browser. Once I did that, the weird artifacts were gone.

Hi there! I have the same problem (I use Windows and Chrome).Tried to change the “enable hardware acceleration” but nothing happened…any other ideas to solve these strange lines? They appear in every shape while playing the prototype.

same here
Lenovo Y700
NVIDIA GeForce GTX 960M
tried every setting in Chrome with no result, in desktop app works normally when run with --use-angle=d3d11.
in Firefox works flawlessly.

Weird lines appear over the mockup whenever we try viewing a prototype in our Virtual Machines. Has anyone experienced this issue? Would highly appreciate it if anyone knows how to solve the issue 🙂 Thanks!

image|690x268

Yes I have the same trouble too. I need to screen record the prototype, is there any way we can get rid of it?

Had same issue…not only diagonal line artifacts, but sometimes horizontal and vertical lines too. Can be black, white, or some color variation on what is behind them. It appears that turning on hardware acceleration in the browser, and then relaunching the browser, helped solve the problem. (Chrome on Windows 10)

All the following issues got fixed by this:

thank you so much. Hardware acceleration + relaunch solved the problem.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

Hi, today i was making some templates and everything was fine but all of the sudden some dots has started to show on top left corners.
There is nothing when editing but it’s starting to show on presentation.

It is happening in random places like footer, navbar and some pics, but not all of them.

1. Describe the problem your experiencing and how your idea helps solve this
   When I open up prototype previews there are phantom lines between components spaced with auto layout. When I use manually positioned frames this doesn’t occur

2. Add as much context as possible (screenshots, Figma files, mockups, etc.)

Same issue on Chrome and Edge. Company policy means we cant turn on hardware acceleration as these are virtual machines

Hey everyone thanks for sharing and reporting. I reached out to the team again about this to see why this might be happening. I’ll update this thread once I have some more info. Thanks!

Hey everyone, got some more info from the team on this one.

This is a known bug where artifacts appear in presentation view from time to time. We haven’t been able to develop a definitive fix because these rendering issues are specific to only some GPU cards. We’ve deployed updates in the past, but the variance of GPU performance has prevented us from solving this issue altogether.

We’ve gone ahead and added this thread to our ongoing bug report. Some users have had success enabling hardware acceleration on their browser settings and/or updating their GPU’s firmware. Also some GPUs also have a program where you can designate the GPU or the CPU for certain programs. If it’s not already, I recommend setting the dedicated GPU for Figma (instead of integrated graphics).

For those that are using virtual machines, and are unable to turn on hardware acceleration, we’ll also be looking into a fix for this.

Thanks again for your reports. I’ll keep this thread open and report back with news/updates as they come in. 🙂