Skip to main content
Solved

"Ignore overlapping layers" Export option is not respected in Slice export

  • February 1, 2024
  • 6 replies
  • 1209 views
Nick_Reynolds

I have a Design file that uses Slices to export component variants in different states (like on/off, light mode/dark mode). Previously, leaving the export option “Ignore overlapping layers” in the default “on” state resulted in exports that look like the Export Preview—in this case, an orange icon on a transparent field.

However after a recent change, my exports now show the background fill of the component in which the slice and variant are located, contrary to the Export Preview and experience with previous versions of Figma. This behavior is consistent with the Export Preview I see when I turn “Ignore overlapping layers” off.

At minimum, it seems like a bug that the Export Preview does not match the Export.

ignore overlapping layers

ignore off

Best answer by Nick_Reynolds

I wanted to close the loop in this thread! I reported this to the Figma Support team and this behavior was patched around February 13, 2024. Huge ups to the Figma Support and Engineering teams for the quick turnaround!

View original

6 replies

Celine_D
Figmate
  • Celine_D
  • Community Support
  • 3381 replies
  • February 2, 2024

Hey Nick, thanks for reaching out. I’ve checked internally, and I confirm this is an expected behavior. If this option is unchecked Figma includes any layers that intersect with the selected layer or group. (ie any layers placed above or below that component will appear in the export.)

Nick_Reynolds
  • Nick_Reynolds
  • Author
  • New Member
  • 5 replies
  • February 2, 2024

Hi @Celine_Figma! The issue is when the box is checked I get the intersecting layers in my export. The top screenshot shows the Figma Export Preview showing the expected behavior, but the the resulting exported file (open in a macOS Preview window) shows a gray background which is unexpected.

Ignore overlapping layers checked → Export Preview is transparent → Exported file is opaque. This part is unexpected
Ignore overlapping layers unchecked → Export Preview is opaque → Exported file is opaque This part is expected

Celine_D
Figmate
  • Celine_D
  • Community Support
  • 3381 replies
  • February 2, 2024

Hey Nick, thanks for the clarification!
Hmm this is odd. So I tested on my end => Ignore overlapping layers checked → Export Preview is transparent → Exported file is transparent
There is may be a bug in your file but it would be great to have a copy of your file so we can investigate it further. Please reach out directly to the support team here.
Be sure to use your Figma account email, (link this thread or sum up the steps you have done so far), include a link to the file, and share it with support-share@figma.com so they can take a closer look. Thank you!

Nick_Reynolds
1 person likes this
  • Nick_Reynolds
    Nick_Reynolds
Nick_Reynolds
  • Nick_Reynolds
  • Author
  • New Member
  • 5 replies
  • Answer
  • February 15, 2024

I wanted to close the loop in this thread! I reported this to the Figma Support team and this behavior was patched around February 13, 2024. Huge ups to the Figma Support and Engineering teams for the quick turnaround!

Celine_D
1 person likes this
  • Celine_D
    Celine_D
Celine_D
Figmate
  • Celine_D
  • Community Support
  • 3381 replies
  • February 16, 2024

Hey @Nick_Reynolds , thank you again for flagging this bug! We appreciate your feedback and we’ll share it to our team. Thank you 🙂

Joanderson_Oliveira

Hello. Im having the same problem. I want to export a component with a layer effect applied so i have to check that ‘Ignore overlapping layers’, but when doing that i get a solid white background in my image D:

Reply


Terms & ConditionsCookie settings

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