Figma , Graphic assets

Components in Figma

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. Main Component: defines the properties of the Component.
  2. Instance: a copy of the Component that 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.

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

  1. Create a Component
  2. Name and organize Components
  3. Create an Instance of a Component
  4. Swap between Instances of a Component
  5. Override properties of an Instance
  6. Reset Instances to remove overrides
  7. Detach Instances from Components
  8. Make changes to Components and Instances

Was this article helpful to you?