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

SetVariantsPropertiesCopy to Figma
Toast12Type Default, Inverted, Success, DangerSize Small, Medium, Large

Type

Interactive component

Behavior

Auto layout

Figma Toast

Toast

toast web design

toast component

figma toast

Interactive component

Design systems with Figma — 10× faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design systems with Figma — 10× faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design in Figma
10X faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.