Speed your workflow with the reusable power of components.
A component is an object or group of objects that can be reused multiple times across user files (projects and teams in the future). All copies of a component used in user files are linked. That is, any update made to the Main component is reflected in all component copies (if you accept the update) . You can even create overrides for specific parts of component copies.
A component has two parts:
- Main component - This is the source that defines the component. Main components exist only in the library, not in the viewport.
- Component Copy or instance. These are copy of a Main component that has been placed in the viewport. Component copies are linked to their Main component.
Create a Component
To create a component:
- Select an object or a group of them.
- Press Ctrl + K or right click and select the option “Create component” at the object menu.
Create a Folder for Your Components
To create subfolders in your component library, use slashes (/):
- Create a component.
- Rename the component as follows: "FOLDER NAME/COMPONENT NAME". For example, "Buttons/Alert Button".
- To rename the folder or ungroup the items, right-click on the folder's name.
Update main components
To update changes to a Main component:
- Make a change in a component copy.
- Right click and select the option “Update main component” at the component menu.
If a file is using a component from a Shared library that has been updated, a notification will be shown offering the options for update or dismiss.
Overrides are differences at the copy components from their main components. With overrides you can keep changes at the component copies while maintaining synchronization with the Main component.
Component layers with overrides are marked with a “*” at the layers list.
Right click and select the option “Reset overrides” at the component menu to get it to the state of the Main component.
Detach a component copy to unlink it from its Main component will transform it in a group layer. Press Ctrl + Shifth + K or right click and select the option “Detach instance” at the component menu.
Show main component
To easily show the Main component of a component copy there is the option at the component menu “Show main component” that will open the library where the component belongs.