Component States in Figma represent different visual or interactive conditions of a UI element—such as default, hover, active, disabled, or loading. These states are typically managed using variants within a single component to keep designs organized and interactive. Defining clear component states improves design clarity, prototyping accuracy, and developer handoff.