Skip to main content
Question

Exported .pngs from Figma render with artefacts in Unity


Aaron12

When I export from Figma to .png, then try to bring them into Unity, the results often contain artefacts.

This is mostly when I export things with glows + drop shadows.

If I build the exact same UI elements in Adobe Illustrator, the .png exports perfectly.

(Will post images once I have access to my PC)

This topic has been closed for comments

5 replies

fandy_diadline

Ay, I am facing the same problems. But funnily, I tried to post my design on Instagram. At first, I thought JPEG was causing artifacts because I looked at the original export; it does have artifacts. So I change to PNG. Great, no problem, no artifacts shown. But when I upload it, boom, artifacts.

I’m curious. This is my first two weeks designing using Figma for my Instagram business account. Usually, I use Adobe Illustrator.


Gleb
  • Power Member
  • 4706 replies
  • October 24, 2022

Instagram, like any other social platform, compresses images and stores them as jpg. And this seems to be completely unrelated to the Unity problem in the original topic.


rahulmax101

Did you try specifying the alpha channel premultiplication settings on Unity while importing?

Limnu – 6 Jul 16

fandy_diadline

Yes, I am aware of the compression. For my case, I am adding a noise effect to do the trick.


porcojiang

I know the reason of that
because Figma dont support export png with padding rgb channel

when game engine will use bi-linear or tri-linear texture filter, rgb channel will sample background color, and we will see the black or white edge

but adobe software will padding rgb channel when we export png, so you will find Adobe Illustrator export png is perfectly


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