Copy Paste Images Scaling issueMarch 21, 2019 at 7:31pm
When copy pasting an image into Figma the pasted image is getting scaled up a bit, in turn making the image a little bit bigger by a difference of 12px. There for an image that has 48px on print screen when imported in Figma it end up as 60px. What the hell is going on? Is there a setting inside the software I have to fiddle with?
My screen is a 4k LG.
March 21, 2019 at 7:35pm
I am in serous trouble: 2000+ objects built and I have a delivery in the first week of April.
When you export your design form Figma all of them are 12px short in width and height. What am I going to do guys?
Hi George! Can you please copy and paste couple of export needed elements in a new file, and then export them from this new file? Also maybe share this new file so I can try it too?
Hi Arthematix. I tested with the Dekstop and Onlien platform. The problem is consistent: Figma is off by 12px vs any one else, and by any one else I mean literally. Adobe, Affinity, Web Browsers, Windows, OSX, you name it...
The image provided at the start of the topic is the exact same result in all cases and tests. I created new files both on Dekstop and Online Figma so I can see if the desktop app is the issue. No, same problem on all cases.
I am curious if any one else has the exact same problem. Try this:
- Make 48px height image in Photoshop, or however you like to outside Figma.
- Import that image in Figma
- Make a container in Figma 48px height
- Compare the two
- Do it in reverse, starting with Figma, then export to Photoshop and see the difference again.
Hm.. that’s what I get
This is PS and selected layer is one from Figma
Width and height stay the same in both ways.
Screenshot from Figma:
However, this costs me a week of work at least to say...
And it affects all aspects in Figma, importing files and exporting files as well. Depending on the Scale DPI you will get 12px or larger numbers in differences.
👍 That’s great! I think many laptop users do this 125% scaling and it’s worth to be mentioned somewhere.
I have 2000+ objects to rescale and has to be done next week...Thanks Figma... :)
March 25, 2019 at 3:58pm
March 26, 2019 at 9:12am
After testing a bit more I can elaborate on the issue at hand.
When importing screen shooted imaged as anything beyond 100% DPI scaling then the image is bloated by 12px more inside Figma. I used such technique to compare or build directly based on the image at hand and there for the resulted components where in fact 12px shorter when scaling back to 100% from 125%.
In other words, the vector scaling in Figma is not the issue but the raster images are. And this is not a small issue by far. I think this is one of the reasons of the image quality degradation as well.