Skip to main content

Hello,

This is a bug I stumbled on today and which has apparently been reported multiple times and AFAIK not resolved.

I think I found the issue  and solution:

Steps oo reproduce the bug :

  1. adds an image to figma
  2. crop it using the crop mode of the image
  3. export the result as a 1x PNG, no changes to export settings
  4. load the result in figma and compare it to how it looked in figma before the export

Result: it looks like it went through x0.5 downscale (blurry) then re-upscaled x2 with some sharpening. So it has the same resolution but it looks aweful.
Expected result: should look the same as it did before export.

Extra tests I did if someone @figma is interested:

  • I checked that the cropping was indeed on the grid.
  • Also tried to force the cropping to be between pixels and that did not change anything.
  • manually resetting the cropping to the exact border of the original image made it export fine again.


Solution for other users until the crop feature get fixed if ever:

  1. adds your image to your figma
  2. Frame the image
  3. set the frame to "clip content" in properties>layout
  4. adjust the frame to crop the image
  5. export the result as a 1x PNG, no changes to export settings
  6. load the result in figma and compare to how it looked in figma before the export

So probably never ever use the crop mode of the image as provided by figma it is broken and will always give you poor results.

Be the first to reply!