Variant styling changes when I copy-paste a component

I’m experiencing a similar issue. Copy/pasting things from one file to the other leads to different results: styling changes, things go missing, … this happened now with multiple files.

Same here even worse: copying components does not work anymore as soon as text is involved. After pasting i only see unformatted text, that’s all.

Same issue for me, started happening only today - If I copy paste a design from one file to another, color changes to either a different one or a random one for a component.

Could someone please look into this? I can add a video or screenshots since I can replicate it 100%

Hello @Ludo3 I faced the same problem. The issue is that you are copying all the components at once and pasting them at once.

This Worked for me:
Copy the components but not all at once this will fix the problem.
for instance copy half of it and paste, then do same to the other half.

All the best,
Have a nice Day.

Unfortunately, this happened to me with copy pasting one single component, not multiple.

I’m been having the same issue suddenly when pasting from a working project to a review project.

Colors changing in elements such as buttons into colors that weren’t defined are being applied, never encountered this problem once in the 9 months we’ve been working on this project.

Isolating components and pasting individually unfortunately had no effect. Completely stumped but I’m finding that I can copy/paste into other projects or test drafts with no issues. It’s gotta be some isolated bug.

Hi, did you find a solution or are there any more people who experience this?
I experience this especially for nested components which partially use other parts of the component of a library (which are again components or styles).

Do you have all files in the same folder where this happens?
It happens for me also for files which are NOT in same folders (but I cannot change that to check).
So component properties are reset to the basic styles the component has (eg. text changes) when I paste an intance of the component in the other file (either inside or outside the same folder - this seems not to matter).

If I paste an instance of the component in a page INSIDE the same file - this does not happen. (then everything is fine

Components are published and everything.
Looking for an answer and would be happy for any feedback.

This is pretty annoying since I would lose a lot of time to restructure all files and pages again - and am even not sure if that is possible.

I have the same issue sometimes when adding a component to another file. Mostly issues with the color.

We were experiencing a similar issue, and the underlying problem turned out to be a library referencing issue. The component being pasted in to the new file had an instance of the component that didn’t exist in the original resource. In our case, this happened to be a pre-variant library file that no longer existed. As a result, the styling appeared to be off. That was mainly due to the styles being referenced in a non-existent library.

To “fix” the issue, the new component needed to be inserted into the design. It also wasn’t possible to simply swap libraries because the older version was a non-variant component which would not have naturally transitioned into a seamless library swap experience and in some cases may have done more harm than good.

Same here, I created a master component in a file, publish the component, and paste a variant in another file. Not only did colours become (sometimes different) hex code, icons were also swapped with another variant. Hidden layers were also showing up (potentially because of switching to old master component that weren’t replaced).

Same problem here 😦
The colour of the icons inside the component is changing when pasted into another file.

For me, this was because two components had the same name in a remote library .

Solved by renaming one of the components and republishing the library. Even colors of already pasted components were fixed!

Thanks a lot!
That’s worked!

Hi, what do you mean by “remote library”? A user of mine (I’m DS team lead) is having a similar issue, not sure where to look for a resolution.

By remote library I mean a case when Main Components are located in another file (not in the same file you are working in).

I hope eliminating equal names between any Main Components will help.

Hi, this happens for me as well. Copying and pasting component in the same design file. Anyone knows how to fix this???

I’ve been having the same issue (seemingly randomly) when copy/pasting between files.

Thanks, this helped with my problem 🙂

This was the issue, sad that components work by name and not any unseen reference. Should it be any easy solution, if 2 pages have the same component with same objective, I would like to give them the same name