Components
Overriding Component Instances
Sometimes a specific instance needs to look or behave differently from the master. Framer lets you override individual properties on an instance without detaching from the master.
Instance Overrides vs. Detaching
Instance overrides are changes you make directly on an instance (via its Properties panel). The instance stays connected to the master — future master changes still apply — except for the specific property you overrode.
Detaching breaks the connection to the master entirely, turning the instance into a plain frame. Avoid this unless absolutely necessary.
Making an Override
Select a component instance on the canvas.
In the right panel, change any property — type a new text value, swap an image, change a color.
The property now shows a small indicator (often a colored dot or asterisk) showing it's been overridden locally.
Resetting an Override
Select the instance with the override.
Right-click it and select "Reset to Master" (or look for a reset icon next to the overridden property).
The override is removed and the instance returns to the master's value.
💡 Tip: If you find yourself overriding many properties on many instances, it might be time to create a new component variant instead — this keeps things organized and maintainable.
