Skip to main content

When using mirroring on my phone, the design doesn’t show properly. Sometimes there are missing elements, or elements that are not fully visible.


This happens even when I open Figma Mirror on my phone’s browser.


Here’s how my design shows up:


I’m using the Samsung Galaxy S22 Ultra. Already tried re-installing the app and clearing the cache.

So I have let them know about this bug like 3 months ago, they told me they are working on fixing it, but after some time passed the ticket got a “solved” banner, so I contacted them again and it seems like they have no recollection of the previous ticket or of the bug itself.

I can only say that I am deeply disappointed with the Figma support stuff and their lack of willingness to fix this bug.

I suggest that each of us open a ticket to they will see how many users this actually affects.



same issue on s22


Hi everyone,


Thanks for the reports about this issue and apologies for the issues you have been experiencing. We have been trying to reproduce the issue on some of the specific devices mentioned here but have not been able to. If you are willing, can you see if things work in the Firefox browser? It would be interesting to know if it is happening in non-Chromium based browsers.


Thanks!

John


Did you confirm that you have read the issue description?


Hi – sorry if my message was confusing. My understanding is that we are seeing rendering issues on specific devices (Samsung S22/S22+/S22 Ultra as well as other Snapdragon 8 Gen 1 devices).


I’m curious whether you are seeing the same issues if you access Figma Mirror using Firefox on your mobile device. You can access mirror via Figma Mirror as well as the app. We’re trying to understand if this is a Chromium-specific issue (our Figma App still uses a webview which is based on Chromium) or if is a hardware issue. It sounds like the latter since it seems very specific to this family of devices, but we’re interested to know whether the issue also happens in other browsers.


Thanks,

John


Sorry, I didn’t even know Figma Mirror is available through Figma Mirror until I saw your explanation, I always thought it was a standalone app. I tried Firefox and Samsung Browser and the problem is still the same.


Hi - Thanks for trying it out, that is very helpful information! Based on the issue it seems like it might be some subtle interaction with the hardware since it reproduces across different browser stacks as well. We are actively looking into reproducing this ourselves and will see if there are workarounds we can identify. The other thing I can think of is to see if this is something we can report to Samsung since it seems so specific to this device line.


–John


Hi John,

Thanks for your reply on this thread. I’ve made a screen recording for how one of my designs shows in Figma app, Figma mirror on chrome and Figma mirror on Firefox mobile browsers.


Here’s how the actual design is:



Link to Figma file


And here’s how it shows up on my S22 Ultra:




If you notice, there’s different behavior on each app.


Hope this helps.


Thanks for doing that ahmad_tabby, that is helpful information, thanks for taking the time to do that.


Man like John here to save the day!


@John_L I actually have a support ticket open where I’ve added Support-Share@figma.com as an editor to a file. Would that be of any use to you?


We’ve previously gone through the steps that you have recently suggested and were just waiting on updates.


Same Issue S22 Ultra


This issue is reproducible on all Snapdragon 8 Gen 1 devices. Regardless of device, Figma mirror does not render any content from devices with that chipset correctly.


Have your team pick up an 8 Gen 1 device and it will happen every single time.


Thanks everyone for the info here. Update on our side – we’re getting one of these devices and looking to reproduce / see if there are any possible work arounds.


Same problem here folks. S22 ultra


Again here on S22 ultra.


Seems this issue has been going on for a very long time.


It’s particularly frustrating when sending prototypes to clients and cannot be sure what hardware they are using nor clear about what devices not to be reviewing on… shall we preface “The Figma protype may or may not display accurately on your device” Rather poor UX from experts in UX.


Sending Figma teams ‘healing vibes’ to help fix and end the suffering… 🙂


Hi John,

Any update on the fix please? I’ve been using a borrowed phone to use the Figma app. So annoying that I can’t use my own device.


Hi everyone,


Thanks for your patience as we continue to look into this issue. We were able to reproduce the issues locally and have tried some fixes that try to workaround some issues that are specific to these lines of devices. Can you let us know if things are working better and if you are still running into problems?


Thanks!

John


EDIT: This is the Chrome Browser version 103.0.5060.129


Operation System: Android 12; SM-S906U


Figma Mirror App Version 21.11.1


Same issue on both platforms. The example images are from Chrome.


Man like John!


It’s about 99% better overall. Elements aren’t being hidden and it looks like they’re in the right place. Only thing left is that it looks like the text layers are interfering with the stroke pattern for shapes/other objects.




This is how the rectangle is supposed to look




This is how it looks with a text layer next to it.




This is what it looks like without the text layer.




Another with the text layer




Same rectangle without the text layer.


That really seems to be the only thing going on, but everything else looks awesome


Thanks for taking a look and the detailed feedback, @Jonathan_Narvaez ! If you are willing, can you DM me the URL of your file and share it with support-share@figma.com ? That can help us track down the remaining issue that you are seeing.


Thanks,

John


Hi everyone,


We’ve pushed out some additional fixes here. Let us know if you are still seeing specific problems.


Thanks!

John


Yup, definitely noticed changes a few days ago. Didn’t want to jinx it and mention it until you gave an update first lol.


Everything definitely looks to be in 100% working order on my end. That’s both the Chrome browser and the Figma mirror app.


Hopefully people come back and report the same.


Thanks @John_L and the team for the constant updates and the fix! You’ve been awesome!


Hi John,

It seems to be working fine most of the time. However, I still see broken elements here and there. Sharing some screenshots below (all the text is blurred out):






It seems that this is happening only for stroke/divider lines. It also doesn’t happen for all strokes, just some of them, which is weird.

Another thing to add is, when I see these same screens again on my Figma mirror app after a few mins, some of them were fixed and looked fine.


P.S. I hope I’m not on an older version of the app that hasn’t received the fixes yet. My app version is v21.11.1


Thanks @ahmad_tabby for the report. If you are willing, can you DM me a link to the file and share it with support-share@figma.com ? That would be the most helpful from a debugging perspective as we can see if we can reproduce internally. Thanks!


I’ve just shared the Figma file with you in DM and also on the email address.


Thanks @ahmad_tabby for sharing your file. We’ve pushed out some additional fixes. Are things fully resolved now?


Thanks,

John


Reply