Skip to main content
Question

Exports adding a thin white line top and bottom


Hi all,

When i’m exporting to a JPG with a dark background, the export is adding 1px to its original size which then creates a thin white line top and bottom

13 replies

dvaliao
Figmate
  • Community Support
  • 4595 replies
  • November 16, 2023

Hey there, thanks for reaching out and sorry for the trouble!

This is a bug for decimal exports that our team is aware of. These white lines appear when exporting a JPG that is positioned on a sub pixel value (i.e. any value with a decimal point). To prevent this from happening, ensure that the width, height, and/or X and Y positions are on full integer values before exporting.


Etienne4
  • 3 replies
  • June 26, 2024

Sorry this is not a sollution for me. The widht is 500px height 100px And the X and Y are 100. Also all the elements within the image have a integer value


Josh
  • Former Community Manager
  • 1019 replies
  • June 26, 2024

Curious if this changes depending on what file type you export? If not I would file a bug report via the following form https://help.figma.com/hc/en-us/requests/new?ticket_form_id=360001744374&tf_1500005293441=generic_report


Jessica_Banda

I’m having this problem as well. All elements are also within full integer values yet when I export the white border still appears.


Etienne4
  • 3 replies
  • August 18, 2024

My solution was to unckeck “clip content”. Hope it will work for you to. 🙂


Jessica_Banda

Update: My solution was to remove/correct a drop shadow effect on an element within the frame that extended outside of the frame. I assumed the export would only show everything within a frame and not support any element outside of it. Hope this helps.


ansbari
  • 1 reply
  • September 25, 2024

My issue was resolved by going through each section (of the whole page) one by one and there was a section having height of 880.17px. Once I adjusted the height to an integer it got solved.


Samuel_Anthony

If this isn’t fixed, still to this day, then why is there a thread that’s been closed and marked as “fixed” by you when it is still very much a bug we all face - that thread was from 2021???


Ian_Palmgren
  • New Member
  • 19 replies
  • December 19, 2024

Still not fixed, Dec 19 2024. This has been an issue since the day we started using Figma in 2019. Sure would have hoped to have seen this addressed by now…


Qasim
  • 1 reply
  • December 30, 2024

Not any of these solutions working for me.


Florin Potor
Etienne4 wrote:

Sorry this is not a sollution for me. The widht is 500px height 100px And the X and Y are 100. Also all the elements within the image have a integer value

I had the same problem, here’s how i resolved it:

Create a new frame with the desired size (exactly what you need, not +/- px). Then, you can copy-paste the graphics from the frame that has the export error to the newly created frame, just don’t copy-paste the whole frame. I noticed if you copy-paste / duplicate the frames is when the exported error happens, be it with one line top, bottom, two lines on the sides, etc. Double check in the preview area, and export.

I started having this problem when i was duplicating frames in order to change titles, and nothing else helped me.

 

Hope this will help, even though its been months since you posted.

Cheers,

Florin


MichaelS
  • New Member
  • 1 reply
  • March 22, 2025

Seems like the bug is still out there. Social posts are literally live right now with white lines in carousels for several clients. 

We’ve used the ‘Fill’ option to fill the carousel artboards with images. In Figma it seems alright. 
In Photoshop you can see a transparant line..
 


Ian_Palmgren

Hey ​@dvaliao, can you please unmark this is as “Solved”? While forcing exact integers is a workaround, the issue is still not solved. Figma should round down, when sub-pixel levels are detected, not round up, which results in the white lines, that is the solve here. We shouldn’t have to check every single X, Y and W/H coordinate every single time we export to ensure frames are exactly on integer pixel levels. 


Reply


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