Video tutorials

Check out these video tutorials about components:

Overview

Components are elements you can reuse across your designs. They help to create and manage consistent designs across projects.

You can create components from any layers or objects you've designed. These could be a whole range of things like buttons, icons, layouts, and more.

There are two aspects to a component:

1. A main component defines the properties of the component.
2. An instance is a copy of the component you can reuse in your designs. Instances are linked to the main component and receive any updates made to the component.

You can create components to use within a single file. Or, you can use team library to share components and styles across files and projects.

Related articles

Read these articles to learn more detailed and specific information about components.

1. Create a component
2. Create and use variants
3. Create and use component properties
4. Name and organize components
5. Create an instance of a component
6. Swap between component instances in a file
7. Override properties of an instance
8. Reset instances to remove overrides
9. Detach instances from components
10. Make changes to components and instances