Skip to main content

I am facing issues on Figma. For example, I have a circle with dimensions 400x400 in Figma and when exported in my Mac folder, it shows 401x401px. Which is not compatible with the device interface I’m working on…


Of course, a possible solution could be to scale the original component in Figma to 399x399, but should we cheat like this? Is this sustainable?


Any advice?

Hey @Ahtisham_Rasheed, thank you for reaching out!


Hmm, this could be potentially a bug. I’d like to get some more context here to help troubleshoot, could you invite support-share@figma.com as an editor to your affected file and share its URL so I can take a look? Please note that users with @figma.com emails on your team do not count towards your billing.


Also can you try as a workaround to duplicate your frame and export the copy and see if it’s still adding the extra pixel?


Thanks in advance!


Does your circle maybe contain an element (icon for instance) with subpixels like 300,66 x 300,66px @Ahtisham_Rasheed?


Figma has troubles with that. See numerous threads:




I am getting the same issue - I have also removed all decimals, Arrange > Round to pixel, and also zoomed in to check the location of the pixels. I get a 1px gray line around the right side and bottom every time.


Can you share a link to the file?


I can’t since it is not public atm


But I can say that if you export at 1.5x, it adds a ghost pixel. At 1x and 2x, it does not. I am just noting this here in case others are seeing the same issue. Most likely the system is accounting for and extra pixel because of the .5 increase in size.


I understand the problem.
The reason your exported file has some additional pixels, even with "Clip Content" enabled, could be:

  1. Your frame/object has some unwanted effects applied.
  2. Your frame/object is not aligned to the pixel grid. Try zooming in on the left corner and snapping it to the grid.
  3. Your frame/object does not have rounded dimensions. Even small decimal values can cause rounding issues and add extra pixels.

I hope this helps!
 

 


Reply