Designing Notifications vs. Toast Components in Figma
Javier Alaves Javier Alaves
6.74K subscribers
6,065 views
0

 Published On May 19, 2021

This video's about the similarities and differences between notification and toast components. Learn when/why to use which within your product, and how to design them from the same root component in Figma for a little extra consistency!

We'll be looking at some real-life examples for both components, as well as detailed considerations that you may bump into when bringing either of these to life.

Are you new to product design and/or Figma and looking for a practical and guided step-by-step jumpstart? Have a look at my Beginners' Hands-On Tutorial and design the Google homepage, no prior experience required!    • Designing with Figma – A Beginners' H...  

Was this video helpful? Do you have any questions about design components that you'd like me to cover in future videos? Any suggestions for improvement? Please let me know in the comments section below 💬

If you are new to my channel, welcome! Don't forget to hit subscribe if you'd like to keep up with my weekly dose of product design videos and tutorials to help you build digital products and bring your ideas to life.

Don't be a stranger and connect with me here 👋
Twitter:   / javalaves  
Figma: https://www.figma.com/@javi
Polywork: https://www.polywork.com/javi
LinkedIn:   / javieralaves  

Chapters:
0:00 - Welcome
0:29 - Getting started
2:22 - Notifications
4:59 - Toasts
9:22 - Designing the super component
21:18 - Notification design
25:12 - Toast design
32:08 - Conclusion

show more

Share/Embed