Figma Stepper
Figma Stepper
Preview
Figma Stepper
Figma Stepper Component
The Stepper component shows numbered steps and highlights the current one. Stepper UI guides users through multi-step processes, forms, and setups.
The stepper components contain the Numbered and Icon-only stepper variants. Use them separately to highlight the current step and show the completion status of previous steps.
Stepper Anatomy
| Set | Variants | Properties | Copy to Figma |
|---|---|---|---|
| StepperNumeric | 40 | Type Horizontal, VerticalSize Medium, SmallItems x2, x3, x4, x5, x6Labels True, False | |
| Stepper | 40 | Type Horizontal, VerticalSize Medium, SmallItems x2, x3, x4, x5, x6Labels True, False |
Figma Stepper
Stepper
stepper example
stepper component
figma stepper
Interactive component
