Skip to main content
Solved

Designs don't appear the same in Prototype mode

  • September 12, 2023
  • 8 replies
  • 1180 views
A

Hi!

I was viewing my designs in prototype mode and I noticed they aren’t appearing the same as the original designs. Designs were made using frames for the MacBook Pro 16" and my prototype device was set to match the frames.

Prototype mode (Fit to screen):
2

I’ve tried viewing on other devices and the lines and some other elements appear to be weird and janky. I’m not sure if this is a resolution issue but it has become a problem when I want to record the prototype in motion. Would appreciate any help thanks!

Best answer by Celine_D

Hi there – sorry for the trouble! GPUs have known bugs and may cause rendering glitches when using Figma. I also recommend you to check the Figma browser requirements here: https://help.figma.com/hc/en-us/articles/360039827194-Figma-browser-requirements#unsupported

If this doesn’t help, please reach out to the support directly so they can have a deeper look at it: https://help.figma.com/hc/en-us/requests/new

View original

8 replies

Jairo
  • Jairo
  • 50 replies
  • September 12, 2023

Make sure your the zoom of your UI.
(ctrl+alt+shift+“+” or “-”)

I think i encountered a similar situation like you and it was due to the UI zooming.

A
  • Adelia
  • Author
  • 3 replies
  • September 12, 2023

I tried and it did nothing to the prototype design. 🥲

Jairo
  • Jairo
  • 50 replies
  • September 12, 2023

Mind to provide a proto llink?

A
  • Adelia
  • Author
  • 3 replies
  • September 12, 2023

Here you go → https://www.figma.com/proto/CYXKESYqKpticWIgeyDCDq/demo?page-id=0%3A1&type=design&node-id=1-223&viewport=476%2C430%2C0.26&t=uiq5UgCam6cq2JRg-1&scaling=scale-down&mode=design

Marcin_Bauer

These look like antialiasing artifacts. This is when the viewing zoom is different than 100% (originally designed). Since its on 1px lines this is unavoidable on a zoom different than 100%.
Try to remove the laptop overlay (since the person viewing will probably use a laptop to view it already), and set the viewing scale to “Actual size”.

Jairo
  • Jairo
  • 50 replies
  • September 12, 2023

Agree here.
The laptop overlay may be the cause.

Also check that green background you have on the column, as it is leaking through cells:

image

A
  • Adelia
  • Author
  • 3 replies
  • September 13, 2023

I tried it but lines are still janky, some even missing 🥲

Celine_D
Figmate
  • Celine_D
  • Community Support
  • 3381 replies
  • Answer
  • September 13, 2023

Hi there – sorry for the trouble! GPUs have known bugs and may cause rendering glitches when using Figma. I also recommend you to check the Figma browser requirements here: https://help.figma.com/hc/en-us/articles/360039827194-Figma-browser-requirements#unsupported

If this doesn’t help, please reach out to the support directly so they can have a deeper look at it: https://help.figma.com/hc/en-us/requests/new

A
1 person likes this
  • A
    Adelia

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings