This icon is set at 16x16px. However, once exported, a pixel is added to the SVG. Please help as this is happening to most of our icons.
SVG code:
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" fill="none" viewBox="0 0 16 17">
<path fill="#FB9C23" d="M15.593 8.02 8.973 1.4a1.38 1.38 0 0 0-1.946 0L.407 8.027a1.373 1.373 0 0 0 0 1.946l6.62 6.614A1.334 1.334 0 0 0 8 17a1.38 1.38 0 0 0 .98-.407l6.613-6.613a1.386 1.386 0 0 0 0-1.96Zm-8.26-2.74a.667.667 0 0 1 1.334 0v4a.667.667 0 1 1-1.334 0v-4Zm.7 7.673a1.026 1.026 0 0 1-1.013-.98.98.98 0 0 1 .98-1.02 1.02 1.02 0 0 1 1 .98.987.987 0 0 1-.967 1.02Z"/>
</svg>
I have also had this problem, exporting a frame to an image. The parent frame being exported was at whole value dimensions and x/y coordinates. I am certain there were child frames at decimal dimensions and x/y coordinates due to a scale, but the parent frame should not change upon export if after a scale it’s 1440x900 at 0/0 for example.
This bug still seems to be live and kicking.
Hey @Petri_Tolppanen1 ,
Thanks for flagging this. We’ve released an update when exporting objects with a multiplier applied no longer adds an extra pixel to width and/or height, via the Little Big Updates. More information here:
twitter.com
If you are still running into this issue, please reach out directly to the support team so we can investigate it here.
Be sure to use your Figma account email, include links to the file, and share it with support-share@figma.com so they can take a closer look. Thank you!
I saw an answer on another thread where the issue is caused by the frame starting from a sub pixel value which happened to me as well. It can be very hard to notice if the X value is like 130.02. I wasn’t expecting that to ever happen because I have the snap to pixels setting on so I didn’t check the frame position initially.
Your tip just saved me. @Petri_Tolppanen1! Thank you!
I also thank you for the tip. I was getting exported svgs with an extra pixel: 25x24px. I believe the issue in my Figma file was that we had center nested the icon component inside a frame. Because of the centering prop, the icon component wasn’t snapping to the base Figma grid. Once I changed the alignment of the icon component to flush left inside the frame, my svg exported at the correct 24x24px size. I hope this may help others with this issue.
Wow so glad i found this it was driving me crazy creating app store images.
So i had my frames on the canvas with some x - cords that had decimals. this was adding an extra pixel, not noticeable when exporting in png, but i had to resize a bunch for app store, then they had “transparency” (not allowed for app store) and was failing on upload.
i had no idea until i exported in jpg then saw a white single pixel line on the side.
once i placed them all on whole x cords it fixed it.
I literally had the same exact experience today when trying to release a new version of our app. Incredibly frustrating.
It really should not matter if elements inside a frame are not whole pixels.
If elements are “clipped” or cropped within a frame, the dimensions of that frame should not be affected on export. The main use of Figma is asset creation and export, if the end dimensions don’t match what’s displayed in the app that’s a big problem. High priority fix in my humble opinion.
Is there a fix for this yet? Very frustrating as a digital designer, when exporting artboards needing to be specific dimensions and 1 px is added to the height. I have wasted hours looking on forums to try and find an answer!
Just remove sub pixels from the size and coordinates of the exported frame — it fixes the problem
