Components

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:

    1. Select an object or a group of them.
    2. Press Ctrl + K or right click and select the option “Create component” at the object menu.

    components

    Create a Folder for Your Components

    To create subfolders in your component library, use slashes (/):

    1. Create a component.
    2. Rename the component as follows: "FOLDER NAME/COMPONENT NAME". For example, "Buttons/Alert Button".
    3. To rename the folder or ungroup the items, right-click on the folder's name.

    components folder

    Update main components

    To update changes to a Main component:

    1. Make a change in a component copy.
    2. Right click and select the option “Update main component” at the component menu.

    components

    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.

    components

    Component Overrides

    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.

    components

    Reset overrides

    Right click and select the option “Reset overrides” at the component menu to get it to the state of the Main component.

    Detach Instance

    Detach a component copy to unlink it from its Main component will transform it in a group layer. Press Ctrl + Shift + K or right click and select the option “Detach instance” at the component menu.

    You can acknowledge this achievement in bulk by selecting several components and committing the same action.

    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.