Component bug when adding it to a project

Hi everyone. I have designers with some problems using the components of our library. The component preview is correct, but when they add the component to their project the visual changes with the default states or random states and sizes.

For example, a simple toolbar component with misaligned elements and wrong sizes applied (the original component in the library is correct):

The preview of the same toolbar applied for other designers:

We don’t know if this is a bug, but seems to be and it happens with a certain frequency.
Any ideas about what could be the issue? Thanks in advance.

Hi @MariannaPiacesi, thank you for reaching out!

Could you try opening your working file and running a Quick Action called “Repair Component Connections”? This command has a similar affect to fetching the most updated version of the main component, without you having to manually change and re-publish the main component and accept updates in subscribed files.
I’ve included some instructions on running the command below.

  1. Open the affected file
  2. From the main dropdown menu in the top left, navigate to the “Quick Actions” search bar.
  3. Search for “Regenerate component connections”
  4. Run this command

Please let me know how it goes.

1 Like

Hi Gayani, thank you for the support. I indicated these instructions to our teams and it worked in some cases until now. I have a case where a designer is complaining about the same problem and indicating that the repair command didn’t work. Also, the file doesn’t have updates available so we don’t know what is the problem, we believe is the same Figma bug because the main library is working fine with the expected visual.

You can check the problem in the video below:

What can we do in that case? Thanks in advance

Hey! I’m also having the same issue. I have a search component that shows a clear button on the typing state - this button is a button that is part of the design system which I use inside the search. The default button has a default icon, but for the search, I changed the icon to a clear icon. When I add this component to a new file, I get the expected result, but there are some files where the clear button defaults back to the original icon. This is happening with other components from time to time and running the quick action called “Repair Component Connections” fixes the issues in some files, but in others this won’t fix the issue.

Any ideas?

Hey @MariannaPiacesi, please excuse my delayed reply.
Are you still experiencing this issue? Is it happening in the browser, desktop app or both? The desktop app is a little prone to caching strange issues and if you’re seeing any problems like this which are specific to the app, a cache clear is often helpful.

Please let e If you’re still experiencing an issue I can create a support ticket on your behalf. Our technical quality team can investigate further.

Hey @Lucas_Boesche, thanks for confirming that “Repair Component Connections” fixes the issues only in some files. Could you also please confirm if this is happening in the browser and the desktop app?

I’ve created a support ticket on your behalf so out technical quality team can investigate further. Your ticket number is Ticket #923146, for reference. I’ve also shared your screen recording with them.

Thank you for your patience while we resolve this issue.