Design /

Duplicate and Deep Copy

This guide explains the difference between Duplicate and Deep Copy, and when to use each option. If you are new to components, start here.

What Is Duplicate?

Duplicate creates a copy of the current component. For normal components such as text or images, the duplicated component is fully independent. Editing the copy does not affect the original.

For custom components, Duplicate creates another instance of the same component master. All duplicated instances still point to the same master, so when the master changes, every instance updates together.

What Is Deep Copy?

Use Deep Copy when you want to modify an existing custom component without affecting the original component and its instances.

Select a custom component instance, right-click, and choose Deep Copy. This option appears only when a custom component instance is selected.

Deep Copy creates a new component master and switches the selected instance to use that new master. The original instance continues using the original master, while the copied instance has its own independent master.

How to Choose

Use Duplicate for normal components, or when multiple buttons and cards should always keep the same style.

Use Deep Copy when you want to create a variant, redesign, or personalized branch that should no longer be affected by the original component.

In short: Duplicate makes normal components independent, but custom component instances share the same master. Deep Copy creates a new master for component branching and customization.

Render diagnostics