Copy link to clipboard
Copied
My team and I have been getting a message when we first open our files that we have a component in our shared library with more than 20,000 layers. This component that's called out has nowhere near that amount of layers, however. It has a little over 100 layers including all of the vector icons and masks.
No solution beside reducing nesting, limiting your number of states and optimizing your number of groups and layers in each component, as they seem to be duplicated for each state so the growth of nested components is exponential.
Whenever possible, for master components containing many nested components, it's better to duplicate artboards and animate between them than to create a new state (but it needlessly clutters the prototype I know...).
Good luck !
Copy link to clipboard
Copied
Hi!, someone else found a solution, I´m having the same problem
Copy link to clipboard
Copied
No solution, and it's probably never gonna be patched since Adobe bought Figma. I'd advice to switch to Figma for all your new prototypes, avoid nested components. Basically, Adobe XD copies every layer for every state, so nesting is multiplying all your layers, like if you put a 50 layers components with 2 states, inside a 5 states component with 100 layers, I think you have ((50+100)*2)*5 = 1500 layers. I'm not sure of this, but I made a rough calculation for the prototype where it told me I had above 20 000 layers and it seemed to fit.
I checked Figma at the time but people were also complaining about performance issues with large components, but we'll have to switch anyway sooner or later
Copy link to clipboard
Copied
So far, the best strategy i have found, waiting for an improvement, is to avoid intermediate states done with nested component.
For exemple instead of using 3 levels of nested symbols: container / components / elements
do: container / elements