Install ↓ Buy $ Docs ?

Move components between files

How to move a component to another file in Figma? Master plugin is the answer! It can automatically find and attach all instances of the original component to the new library component and preserve all overrides.

Move a local component to the library

For components that are used only within one file.

  1. Copy & paste the main component to another file and publish to the library.
  2. Select this new library component and Pick it:
    Master → Pick Target Component
  3. Select the original main component in the file and Link it:
    Master → Link Objects to Target Component

Master will find all instances of this component in the current file and attach them to the library component that you picked.

Moving a component: Pick the new component, link the original component.

Move a library component to another library

For components that are published to the library and used in multiple files.

  1. Copy the component to the library. If pasted as an instance — detach and create a new component from it. Publish to the library.
  2. Save this new component to Master:
    Master → Pick Target Component
  3. Link the original main component to save it as the one to link next:
    Master → Link Objects to Target Component
  4. In each file where the original component is used: deselect everything and run “Link Objects to Target Component”. Master finds all instances of the one you just linked and attaches them to the saved component.

Repeat the last action (deselect and link) in all files where instances of the original component are used. It's the only way to move the component completely.

Unfortunately, due to the limitations of the Figma plugins API, there is no way to even find such files automatically, let alone attach instances in them. You'll need to handle this task manually.

Notes

Pro tips

Moving variants

To move variants between files simply copy, Pick and Link the whole variants container instead of a single component. All variants inside should have matching names (properties & values) in order for it to work.

Figma screenshot where a variant component set containing four variants is selected.

Variants container has the regular component icon: four purple diamonds.


▶ Prefer video?

Check out the video tutorial covering all the instructions in detail:


Made by Gleb Sabirzyanov.
Got questions or ideas? Let's chat: gleb@dominate.design


Install ↓ Buy $ Docs ?