I made this overlay that stretches of the image when you hover over it and it worked perfectly earlier, just as I wanted it to. Then I prototyped it and suddenly it looks like it’s half a pixel off in presentation mode. This behavior changes as you zoom in or out. It almost looks good in very specific views.
Anyone got a fix?
Thank you!
Best answer by Dennis_N
If it’s really the same problem:
In editor: Choose a grid that doen’t produce subpixels like 24.38px for instance.
I’m using this webtool to calculate it: http://gridcalculator.dk/
In preview mode: Use 100% view, so it doesn’t need to scale your design down which can result in subpixels we want to avoid.
You can also compare how it looks in the app vs in browser. Is there a difference?
It does look like it could be the same problem yes, but I didn’t understand how to avoid it from your answer there. How do I go about not using subpixels? Is that something I can avoid in the editor itself or just when in presentation mode? And do you mean 100% view in editor mode or in presentation mode?
I should mention that I’m new to Figma, so there might be very obvious things I’m missing.
Ah, thank you! I’ll keep this in mind for my future projects. Definitely going to use that calculator. Didn’t even know there was a desktop app, but it looked perfect there!
We use 3 different kinds of cookies. You can choose which cookies you want to accept. We need basic cookies to make this site work, therefore these are the minimum you can select. Learn more about our cookies.