What is the Master plugin?

📌 Detailed example: Applying Master to a complex web design project

Context: You're designing a large web app with dozens of screens. With a tight deadline, the team didn't build a complete design system upfront. Now you need to standardize UI elements - buttons, cards, forms - to ensure consistency.

Here are the steps with Master, even if you've never used it before:

🛠️ Step 1: Quickly install Master

  • Open Figma and choose Resources → Plugins.

  • Search for “Master” and click Install.

  • Launch it through Plugins → Master.

🔍 Step 2: Turn repeated elements into components (for example, buttons)

You want to quickly create a Button component from many similar buttons across screens:

  • Select the buttons to standardize. Figma’s selection-by-property commands can help; check the selection before running the plugin.

  • Launch Master and choose Create Component from Objects.

  • Master immediately creates a standard Button component. All selected buttons become instances.

Result:

You save considerable time by avoiding manual component creation. Buttons retain their content, such as text and icons, through Figma overrides.

👉 Apply the same approach to cards, form inputs, headings, and other elements.

🔗 Step 3: Link design elements to components in an existing design system library

If your team already has a standard design system library:

  • Open the shared library, select the component you need, open Master, and click Pick.

  • Return to the design file, select the corresponding objects that aren't yet instances, and click Link.

  • These objects immediately become instances of the standard component from the shared library.

Result:

Maintain consistency and make full use of your company's existing design system.

🔄 Step 4: Quickly repair detached instances

During work, instances sometimes become detached from their main component:

  • Select the standard main component again, open Master, and click Pick.

  • Select the detached instances and click Link.

  • The instances reconnect immediately, preserving small content changes.

Result:

Save considerable time without redoing edited content.

👉 Note: This works well when the instance structure hasn't changed too much.

📦 Step 5: Move components into a shared design system library for centralized management

Once the design system is stable, you want to manage every component from one shared library:

  • Create a new Figma file for the shared design system library.

  • Copy components from the design file to the new library file, then publish it through Assets → Publish.

  • Return to the original product design file:

    • Open Master, select the component from the shared library, and click Pick.

    • Select the corresponding component in the original design file and click Link.

  • Follow the author’s Bulk swap guide: after linking, deselect and run Link again to find instances in the current file. Check overrides and repeat deliberately in other files.

Result:

You can manage and update the design system from a single library, making long-term maintenance easier.

🚩 Notes and tips for designers using Master for the first time

  • Work in small steps: Start with simple elements such as buttons and cards.

  • Check regularly: Review the result after each step to avoid mistakes.

  • For bulk selections, check layers, structure, and file scope to avoid linking unintended objects.

📝 Benefits of Master in a real project:

  • Quickly turn freeform designs into standard components.

  • Quickly reconnect detached instances while preserving custom content.

  • Update components consistently across the design in just a few clicks.

  • Manage all components centrally from a shared library for easier maintenance.

If you're working on a large project and want a more efficient way to build a design system, give Master in Figma a try!

Building design systems more efficiently with the Master plugin in Figma - image 59

Original documentation