Skip to main content
Question

Export losing quality even using PNG and 2X higher


Will_Nandi

I am trying to use Figma as my main software to produce my designs.
But my frames are being exported with a bad resolution from Figma.
Exporting as PNG and even using 2X is not getting the full resolution as I see on Figma.

Anyone with the same issue?

93 replies

Gleb
  • Power Member
  • 4706 replies
  • May 15, 2021

Can you show an example of the bad export quality and the original Figma file link?


Patrick6
  • 4 replies
  • September 21, 2021

I have the same problem. Where could I find solutions to this?


dvaliao
Figmate
  • Community Support
  • 4603 replies
  • September 21, 2021

Hey @Patrick6,

Can you show an example of the bad export quality and your original Figma file link?


Patrick6
  • 4 replies
  • September 24, 2021


The first picture is a screenshot taken at 100% in Figma. The second picture is the same frame but exported normally.

Even without this comparison I have the impression that the normal export is not crisp.


Gleb
  • Power Member
  • 4706 replies
  • September 27, 2021

A post was split to a new topic: Export size limited to 4096px


Gleb
  • Power Member
  • 4706 replies
  • September 27, 2021

Can you share the Figma file link?


Patrick6
  • 4 replies
  • October 6, 2021

Is there a way to share it privately?


Gleb
  • Power Member
  • 4706 replies
  • October 7, 2021

Everything seems normal to me when exporting your file. At 1x I see some pixelation when viewing the exported image compared to Figma, but that’s because I use a Retina (high-res) display. Do you too? Or maybe you just use a custom DPI in display settings? You can enable pixel preview in Figma to see how the images would look like when exported:


Bretton_MacLean

Yeah I’m having this same issue. All my png exports are super low res. It is with great shame that I’m installing Photoshop on this machine to finish my work…


Tayler
  • 4 replies
  • October 26, 2021

I am having the same issue… created the exact same file in photoshop and it is a lot better. If anyone finds a way to fix it that would be amazing! I really want to be able to use Figma over photoshop


Gleb
  • Power Member
  • 4706 replies
  • October 26, 2021

@Bretton_MacLean @Tayler can you share examples?


Tayler
  • 4 replies
  • October 27, 2021

Here is the file exported from figma


Tayler
  • 4 replies
  • October 27, 2021

And this is photoshop @Gleb


Sarah_Saltonstall

I am having the same issue. Downloading what should be a clear banner to my phone plus an additional series for phone and they are all majorly pixelated. This is definitely a recent issue, I’ve been exporting the same way for a year+.

Can you help?


Gleb
  • Power Member
  • 4706 replies
  • November 12, 2021

You are definitely viewing the file at the higher resolution than it was exported.


user221
  • 3 replies
  • November 15, 2021

The same issue - here is example


user221
  • 3 replies
  • November 15, 2021

And it repeats on PC and mac. On 1x preview quality is much better


Yoav_Shafranek

Yesterday all was good. Today tried to export some files as png or jpg but got them super bluery.
Any idea what can be done?


Gleb
  • Power Member
  • 4706 replies
  • November 19, 2021

Please show examples.


Yoav_Shafranek


Gleb
  • Power Member
  • 4706 replies
  • November 19, 2021

And the original file link? If this is the result, there needs to be a way to compare it to something.


Martam29
  • 3 replies
  • December 8, 2021

literally same! I´m quite new to Figma and didn´t even think this would be an issue since it looked so good while making everything! And now I need to have these images like tomorrow for a project but don´t have them bc of this really bad quality…

This image is when exported at normal quality

Is there anyway to export the frames at an actually acceptable quality (300dpi, to print it)
@Gleb You are always asking about the original file link, how do i get it? (or is it just copying it from the browser?) And could i send it privately instead of it being public? Thanks!


Martam29
  • 3 replies
  • December 8, 2021

This one is at x2, but looks just as pixelated as the normal one.


Gleb
  • Power Member
  • 4706 replies
  • December 8, 2021

Just copy the link from the browser.


Gleb
  • Power Member
  • 4706 replies
  • December 9, 2021

I just tried exporting from your file and I don’t see any issues with it. So it’s more likely the problem of how you are viewing the exported file.

For print, you will need to use a DPI calculator (or do the calculations yourself) to set the correct export size setting. Get the size you want in millimeters, convert it to pixels with the DPI you need, then set the export size to the resulting number of pixels.


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