Components (beta)

There are two ways to create a component to reuse across Editor design files.

1. Select the desired object or group, type “component”, and press spacebar

2. Right click on the desired object or group, then select Create a component from the dropdown

Once a component is created, instances can be created to use that component across the same or different files. Simply refresh the page to see changes from the main component propagate to the instance(s), ensuring designs are kept in-sync with minimal effort.

There are four ways to create an instance of an existing component. The instance will be created in the exact same position as the component. Check the Hierarchy to see the new instance and use the gizmo to move it off the main component.

1. Right click on the component and select ‘Duplicate’ drop the dropdown

2. Copy and paste the component

3. Select the component, type “instance”, and press spacebar

4. Right click on the instance and select Create an instance from the dropdown

Unlinking an instance will convert it to a regular object(s) that is no longer associated with the main component. Unlinking enables changing an instance without affecting the component or other instances.

There are three ways to unlink an instance.

1. Select the instance, type “unlink”, and press spacebar

2. Right click on the instance and select Unlink instance from the dropdown

3. Select the instance, navigate to the ‘Instance’ section of the Properties Panel, then select the Unlink instance icon next to the instance name

There are three ways to navigate to the main component from an instance.

1. Select the instance, type “go”, and press spacebar

2. Right click on the instance and select Go to main component from the dropdown

3. Select the instance, navigate to the ‘Instance’ section of the Properties Panel, then select the Go to main component icon next to the instance name

If the main component is in a different file, that file will open in a new tab.

Deleting a main component will not delete its instances. This mean that, if a component gets deleted, it can be restored from one of its instances.

1. Select the instance

2. Navigate to the ‘Instance’ section of the Properties Panel

3. Select Restore main component <<< I dont see this option. confirm still there?

If the main component was in a separate file that’s been deleted, the main component can be restored in the current file with the instance.

This is currently not supported, however there is a workaround.

1. Create an instance in the new file

2. Delete the file that contains the original main component

3. Return to the new file containing the instance

4. Follow the above instructions for restoring a deleted component (as long as the original file is deleted, the main component will be restored in the new file)