Components

Components can be understood as a very special type of frame. Components serve as functional units that are meant to be repeated or reused and to avoid repetitive design work. This feature helps team members maintain design consistency as well as enhance efficiency.

A component can exist as an independent entity. In practice, due to the need to present different appearances or even functionalities in different scenarios, components often appear as a collection of sets. By adding component properties, the functionality of a component can be further extended.

Learn more about Component properties

Create components

Create a single component

Select the layer(s) you’d like to be included in the component,

• Click on the Create component icon in the toolbar to nest the selected layers within a component

• Or use shortcut keys (Mac: Option + Command + K / Windows:Ctrl + Alt + K)

  

Create components in bulk

Select multiple layers, hover over the bottom-right corner of the Create component icon and select Create components in bulk from the dropdown menu. This will create a component for each top-level layer.

View components

You can view components in the left-side Assets panel, including:

• Local components: Components created in the current file
• Library components: Library components enabled in the current file

You can name your components using the slash separated convention (e.g. B/B/B), and Creatie will automatically group and display components in alphabetical order in the assets panel.

Use components

You can use components by duplicating them or dragging a selected component from the left-side assets panel onto the canvas. The component on the canvas is referred to as an instance.

To learn more about the relationship between components and instances and how to create and edit instances, view Instances.

👍🏻 Helpful or 👎🏻 Not Helpful

👉🏻 Was this article helpful to you? We look forward to your feedback.
👍🏻 Helpful
👎🏻 Not Helpful