When in prototype mode, I’m getting 1px spacing between objects although there is no space between them in design mode. I’ve triple-checked that everything is aligned to full pixels yet it keeps happening. The object in question is set to fix position when scrolling, could that be the problem?
You may want to check if it is set to real size in your prototype, 100%
1 Like
I did check and yes it is at 100%
Try using “clip content” property to hide it.
1 Like
I have tried many ways and had no luck. the only thing that makes it not annoying is changing the prototype setting size. It seems this issue is related to different monitors and VGA processors.
I don’t understand how that would be related to what I’m describing. I did try though…
We are seeing this as of yesterday as well while on Windows viewing prototypes at 100%, or on Mac when filling the screen. There are gaps between components. We’ve checked and there are no gaps while editing, nor are there issues with transparency or feathered edges.
Good to know that I’m not alone.
It’s a very strange behaviour that is not consistent. Today suddenly the gap fixed itself before my eyes before reappearing. All without changing anything.
We also noticed some odd pixel lines showing up sometimes above components on Windows that randomly show up, seems to be related to the rendering issues with the gaps as the lines are above these gaps. For now, we’ve added background rectangles to hide the gaps to avoid conversations with stakeholders, but can’t avoid the random pixels from showing up. I’ve also opened a bug ticket on this with Figma.
I’ve also had to resort to digital Tippex to avoid issues. Not the best solution!
Thank you, solved my problem instantly!
Was this ever fixed? It’s 2024 and I am running into the same problem…
1 Like
Hi everyone! Thanks for flagging this and sorry for the issue.
We are not aware of this issue, and we can’t replicate on our end.
It would be great to investigate further directly with your file. Please reach out to the support team with a copy of your file where you encounter the issue: here Our team can try to replicate it and have a deeper look at it.
Be sure to use your Figma account email, include a link to the file, and share it with support-share@figma.com so they can take a closer look. Thank you!
Hi, I’m creating a website with a pixelated branding and I’m running in to the same issue where there seem to be gaps between the rectangles when in prototyping mode.
You can replicate it fairly easy by creating a bunch of small squares going into prototyping mode.
(Sorry for the weird image, but I could only upload one)
