Skip to main content
Aaron12
June 6, 2022
Question

Exported .pngs from Figma render with artefacts in Unity

  • June 6, 2022
  • 5 replies
  • 1743 views

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 replies.

5 replies

fandy_diadline
October 24, 2022

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
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
October 24, 2022

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

Limnu – 6 Jul 16
fandy_diadline
October 24, 2022

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

porcojiang
September 16, 2024

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