Figma Toast
Figma Toast
Preview
Figma Toast
Figma Toast Component
The Toast component is a short, non-blocking message that appears briefly to provide feedback about ongoing tasks. Unlike traditional Notifications, which often require user interaction and remain visible until dismissed, Toasts automatically disappear after a few seconds.
Toasts are ideal for subtle feedback like 'File saved' or 'Changes applied', while Notifications are better suited for important messages that need user attention like 'New message received' or 'Update available'.
You can use Toasts to display system information at the corners of your interface, which will automatically disappear after a short delay.
Toast Anatomy
| Set | Variants | Properties | Copy to Figma |
|---|---|---|---|
| Toast | 12 | Type Default, Inverted, Success, DangerSize Small, Medium, Large |
Figma Toast
Toast
toast web design
toast component
figma toast
Interactive component














