# Transparant background

**URL:** <https://forum.lottiefiles.com/t/transparant-background/380>\
**Category:** Lottie Animation Design\
**Created:** [December 5, 2020, 10:45am UTC](https://forum.lottiefiles.com/t/transparant-background/380 "2020-12-05T10:45:30Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![jasper.vanderkamp17](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/jasper.vanderkamp17/32/292_2.png) [@jasper.vanderkamp17](https://forum.lottiefiles.com/u/jasper.vanderkamp17)\
**Post date:** [December 5, 2020, 10:45am UTC](https://forum.lottiefiles.com/t/transparant-background/380/1 "2020-12-05T10:45:31Z")

</div>

Hey, i just installed this plugin and its pretty nice. I only miss one very important function as a designer. I would love to see the option to make the background transparant, so i can use the animations in more situations.

One more thing, when you click on preview animation (before adding it), i dont see a ‘back’ button. Could you add this as well? Now i have to search again and again for the animations.

For the rest, very beautiful plugin, nice design and very handy.

Greetings Jasper

---

<div class="post-metadata">

**Author:** ![hanan](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/hanan/32/288_2.png) [@hanan](https://forum.lottiefiles.com/u/hanan)\
**Post date:** [December 6, 2020, 11:06am UTC](https://forum.lottiefiles.com/t/transparant-background/380/2 "2020-12-06T11:06:51Z")

</div>

How do you create the animation?  
In After effects you have an option for this, it is icon on bottom of stage that look like chess board

---

<div class="post-metadata">

**Author:** ![mayli](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/mayli/32/324_2.png) [@mayli](https://forum.lottiefiles.com/u/mayli)\
**Post date:** [December 16, 2020, 6:47am UTC](https://forum.lottiefiles.com/t/transparant-background/380/3 "2020-12-16T06:47:39Z")

</div>

Hey Jasper!

I’m curious as to what you mean. Are you talking about the [After Effects plugin](https://lottiefiles.com/ae) or the **[Figma plugin](https://lottiefiles.com/figma)?**  
I only ask because I imagine that with AE the transparent background thing wouldn’t be a problem (unless I’ve misunderstood what you mean).

Hope you can clarify so I can help 🙂

---

<div class="post-metadata">

**Author:** ![jasper.vanderkamp17](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/jasper.vanderkamp17/32/292_2.png) [@jasper.vanderkamp17](https://forum.lottiefiles.com/u/jasper.vanderkamp17)\
**Post date:** [December 16, 2020, 8:20am UTC](https://forum.lottiefiles.com/t/transparant-background/380/4 "2020-12-16T08:20:53Z")

</div>

Hey, I meant the plugin for Figma 😁 and yes, I mean a transparent background option for all the illustrations that are available. Now I can choose between white/black or any color, but transparent would be the best.

Greetings

---

<div class="post-metadata">

**Author:** ![mayli](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/mayli/32/324_2.png) [@mayli](https://forum.lottiefiles.com/u/mayli)\
**Post date:** [December 16, 2020, 9:39am UTC](https://forum.lottiefiles.com/t/transparant-background/380/5 "2020-12-16T09:39:17Z")

</div>

So with the LottieFiles for Figma plugin you can make the background transparent for some of the GIFs (I’ve found it doesn’t work for all, depending on how they are composed).

So in the plugin, open up the background color color-picker and then drag this bar here to adjust the transparency.

 ![Screenshot 2020-12-16 at 17.30.56](https://canada1.discourse-cdn.com/flex030/uploads/lottiefiles/original/1X/8f2ac623d5eb9643d05a7312aa432b0b7d82119c.jpeg)

This will not work for all GIFs sadly but hopefully, for your sake, it will for the ones you need 😃

---

<div class="post-metadata">

**Author:** ![jasper.vanderkamp17](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/jasper.vanderkamp17/32/292_2.png) [@jasper.vanderkamp17](https://forum.lottiefiles.com/u/jasper.vanderkamp17)\
**Post date:** [March 12, 2021, 1:38pm UTC](https://forum.lottiefiles.com/t/transparant-background/380/6 "2021-03-12T13:38:33Z")

</div>

Hi, I was trying Lottiefiles (in Figma) again and coming back on my issue. Here is an example:  
I would love to use the transparant background, but it appears like this: its out of shape/color

 ![GeplakteAfbeelding-1.png](https://canada1.discourse-cdn.com/flex030/uploads/lottiefiles/original/1X/2e50eb6aea6a41f24f5e097c25eea6391ad3f3f0.png)

You see the one at the bottom is the original, so with white background. The other is transparant, but now the icon is changed and has no shape anymore.

Also, when i am using the plugin (for Figma) I also really misschien the **back**  **button**.

And last, when re-opening the plugin, I would love it to be where I left.

For the rest, the Plugin is really helpful, good designed and very nice 🙂

greeting Jasper

---

<div class="post-metadata">

**Author:** ![fala.myde](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/fala.myde/32/1918_2.png) [@fala.myde](https://forum.lottiefiles.com/u/fala.myde)\
**Post date:** [April 28, 2022, 1:18pm UTC](https://forum.lottiefiles.com/t/transparant-background/380/7 "2022-04-28T13:18:38Z")

</div>

Have you found a solution now?  
I am having the same problem.

---

<div class="post-metadata">

**Author:** ![nick](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/nick/32/2859_2.png) [@nick](https://forum.lottiefiles.com/u/nick)\
**Post date:** [April 29, 2022, 1:14am UTC](https://forum.lottiefiles.com/t/transparant-background/380/8 "2022-04-29T01:14:22Z")

</div>

@fala.myde  
The problem should have been fixed as the transparent functionality works now. Can you explain in detail what is the issue you are encountering?  
On a separate note, when you convert a lottie format animation to GIF format, do expect some degradation in the quality. Check out this [article](https://lottiefiles.zendesk.com/hc/en-us/articles/4407787513625-Why-there-s-a-degradation-in-quality-when-inserting-a-Lottie-as-GIF-) for more information
