Skip to main content
S
Subramanian Kalyan
Participating Frequently
June 12, 2021
Answered

Stange increase in Adobe XD filesize when using multiple components & states

  • June 12, 2021
  • 2 replies
  • 2278 views

Dear Team, 

 

I find a sudden surge of increased file size for my master components file which has only nested components, components & states. This is not even a visual design file and it is strange to see 130MB for a wireframe-component-kit file.

 

Regards,

Subramanian

    This topic has been closed for replies.
    Correct answer HARSHIKA_VERMA

    Thanks for sharing the file, Subramanian. I have logged a bug for your issue so that our team can investigate it. I will share the updates with you as soon as I hear back from the team.

     

    Thanks,

    Harshika


    Hi Subramanian Kalyan,

     

    Thank you for your patience. Here are few observations shared by team-

     

    Few complex components in your file:
    Input / Forms / Fields / Text-Area

    77,370 objects total
    5 states
    54 nested components, 2 levels deep
    Input / Forms / Fields / Text-Field

    333,648 objects total
    6 states
    448 nested components, 2 levels deep
    Input / Forms / Fields / input-field

    35,321 objects total
    10 states
    55 nested components, 1 level deep


    We recommend no more than 6 states in a component for best performance, but this gets expensive when there are lots of nested components.

    It also looks like they are hiding nested components in different states. This practice should be avoided for best performance and file size. Instead, delete the hidden nested components in each state.

     

    Hope it helps.

     

    Thanks,

    Harshika

     

    <Marking as correct only to highlight>

    2 replies

    HARSHIKA_VERMA
    Community Manager
    HARSHIKA_VERMACommunity Manager
    Community Manager
    June 22, 2021

    Hi Subramanian,

     

    Thank you for reaching out. We would like to know the OS and XD versions of your machine. When you said the sudden increase, does that mean it is automatically increased suddenly and it was not this much previously?

     

    We'll try our best to help.

     

    Thanks,

    Harshika

    S
    Subramanian KalyanAuthor
    Participating Frequently
    June 22, 2021

    Dear Harshika,

     

    Please find the below OS & XD Version Details:

    1. OS: macOS Big Sur
    2. Macbook Details: Macbook Air 13inch (1.6 GHz Dual-Core Intel Core i5)
    3. XD Version: 41.0.12.11 x64

     

    This was supposed to be a simple XD Kit File for wireframes with components & states. Initially, the file size was in KB. As I was trying to create complex components like a master list of icons containing all icons (with multiple states) the file size increased to 130MB and then to 154MB which seems too much for a file containing hardly 4 artboards.

     

    Also please find the related issue link here which has a screenshot of what I tried to achieve: https://community.adobe.com/t5/adobe-xd/creating-complex-components/m-p/12121824#M51639

     

    Regards,

    Subramanian Kalyan

    HARSHIKA_VERMA
    Community Manager
    HARSHIKA_VERMACommunity Manager
    Community Manager
    June 22, 2021

    Thanks for sharing the detailed information. Is it possible for you to share the XD file with me over a PM so that I can check at my end? If yes, please upload the file to a shared location such as CC or Dropbox and share the URL with me.

     

    Note: Please add the URL of the post over a PM for reference.

     

    I will try my best to help.

     

    Thanks,

    Harshika

    S
    Subramanian KalyanAuthor
    Participating Frequently
    June 12, 2021

    Hi team,

     

    Is there a way to organize icons in such a way so that I don't get performance error like "The following components contain more than 20000 layers across from different states". 

    I have tried to segregate different icon categories & created states for them. And tried to put all these icon categories in one single icon master component and I end up making XD slow.

    How do I deal with this issue especially in a project where I would require keeping a master for icons which can be maintained and swap. 

     

    Here is a screenshot of what I do.

     

    Regards,

    Subramanian

    S
    Subramanian KalyanAuthor
    Participating Frequently
    June 18, 2021

    Dear Team,

     

    Here is a similar structure I have built. An input field can be of various types due to which I have made them as a component & multiple states. This component now becomes part of a bigger block component like the Input Text field.

     

    Doing this has slowed down my file and it hangs and I get performance issues errors. I have also seen a tremendous jump in the file size (154MB) due to unknown reasons [see post: https://community.adobe.com/t5/adobe-xd/stange-increase-in-adobe-xd-filesize-when-using-multiple-components-amp-states/m-p/12117415].

     

    Thanks,

    Subramanian

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices