Figma Support Forum

Possibility to move main components between files/libraries

Right now when I move the main components between files I lose all connection to the instance. The only solution to this right now is to relink all manually or use a plugin (Master by Gleb).

We need solutions to do it without losing all connections.

10 Likes

Apparently the architecture in place does not allow to do that (easily) for the moment. The current solutions are the use of plugins as you could point out. I recommend the DSO plugin which I think is much more adapted for this task.

1 Like

Design System Organizer doesn’t preserve all overrides on nodes it attaches unlike Master, but yeah it’s a good solution too if your components are pretty simple or you don’t care about saving all overrides. However, with Master the process is more manual at the moment. Maybe you can even use both plugins to achieve the perfect result! Here is a new video showing how to use Master in case anyone is having this issue too:

4 Likes

Came here asking for the same feature. There’s currently “move definition to this file” for the colors\text styles, so having this for components would be a blast.

I have dozen of projects which have a lot of components scattered around in different libraries, and it’s getting hard to track what’s where.

3 Likes

Exact same problem here…
Seems like there are no solutions for our situation.
All the smart plugins will help us just saving some time while we need to revisit each of the dozens of project files that we have that is using our new components in a new library inside our Design System project. :man_facepalming: :man_facepalming: :man_facepalming:

5 Likes

+1
It’s a big problem! ((

5 Likes

This is the biggest pain with Figma that and the cut and paste hidden component destruction it’s been 2 years since the product team were looking into it. I’m assuming they don’t have a solution that isn’t too high a cost to implement. Something like the plugins should be part of core even if its just an official plugin workaround.

If you can fix it in a plugin then you should be able to fix it in the core.

4 Likes

Also looking for a solution to this problem. I built a file for a website that includes a Page for the design system with all my components, but now want to separate the page into its own dedicated Design System file. But, as far as I can tell, if I copy and paste these master design system components into a new file and delete the originals, the newly separated design system file component won’t be linked to the instances.

Update: I believe Master will fix my issue! Walkthrough in Master tutorial video at the 3:30 minute mark: https://youtu.be/puZP7YvVsBw?t=213

1 Like

Yes, a much needed feature is to be able to move master components around with zero negative consequences on the instance attachments and overrides. I’m pretty surprised this isn’t a thing already, given the number of people that need it and how much faster it would be to organize design systems that may not have been perfectly done from the beginning.

I’d add, besides the ability to move master components between files, they should also be able to be moved between entire projects.

I checked into plugins and although some are pretty decent, they are still limited in function (to my knowledge, they don’t work across projects) and require more work than should be required. They are also not super intuitive.

If Figma built this feature in, it could be so simple and easy to use, and would save so much time and make organizing design systems a lot easier, after the fact.

Example UX: Right click on a Master Component, select a new option for “move master component” and then there is an interface for choosing which project, and then which file within that project, to move the component to. Upon confirming the action, the master component is moved to the specified location, and all overrides, links, instances, etc etc are automatically updated and continue to work. It is not unreasonable for this feature to be developed - Figma already knows where the master component is, where all the instances are of that component, and all the overrides, etc. The primary thing required in development of this feature would be adding the automatic step for updating all of those records after the component’s new location is specified by the user.

In summary, the user simply chooses a new location (project and file) for the master component, and then the rest is handled automatically by Figma and nothing breaks or changes. Again, there is no plugin that can actually handle all of this easily and automatically, especially across projects.

4 Likes

Everything Matthew Schwartz said is exactly how I feel about wanting/needing this feature. From a beginner user or working on a really large project. Not being able to do this means having to start the whole project over or having to commit to a less than optimal way to develop a product that has real depth.

2 Likes

I totally agree with your points. It would be nice to be able to move components between projects. However I always assumed that if it is going to work between files, it would work between projects as well. Just like it works with styles now: you can move style definitions to any files, no matter where they are. Projects don’t have any effect on what’s happening inside of the files and what is connected where, so it shouldn’t be an issue going forward.

I checked into plugins and although some are pretty decent, they are still limited in function (to my knowledge, they don’t work across projects) and require more work than should be required. They are also not super intuitive.

Just wanna address this: every plugin that works across files would also work between files in different projects. And I totally agree that it is not intuitive and requires too much work.

Thanks for the comments

I was checking out your Master Plugin, which looks really nice

With the test version of the plugin, I tried moving a master component to another file per the instructions in your demonstration video, but had trouble getting it to work.

If I have copies/instances of a component in multiple files, and within separate projects, and I move the master component as shown in your video (copy and then try to reassign), will all of the instances within all projects and all files be updated? and this includes if I move the Master component into a different project than where the files are?

I may have to try it again…

Oh I didn’t realize this is a different thread, here is an explanation of how it works between files:

The video guide was created before I added that feature so sorry for any confusion. I’m working on updating it. :slight_smile:

I really need Figma to implement this feature. Something that looks like the “Move to page” menu on right click but being “Move to file” would be perfect

1 Like