Introduction

Components are Figma's design system for creating & maintaining collections of similar elements for reuse across a design.

Interactive components are created whenever interactions are established between variants in a component set. Any time you add an instance of an interactive component to a design, the interactions are already set up and will play when the frame displays on screen.

In this section

In this section, we'll introduce components and walk you through the steps to create the component based animation below.

Follow along with the design file below.