20180503_Agile Design Systems in Vue - Miriam Suzanne at

In her talk, Miriam gives the why, what, and how of using design systems inside your applications. She also introduces Herman, an automated design system generator she helped build. Video is brought to you by Vue Mastery at Subscribe to our YouTube Channel: Follow us on Twitter: Like us on Facebook: Follow us on Instagram: 0:00 Introduction 1:51 Why Design Systems? 3:38 Design Systems 4:44 Integration of Design Code 6:54 Code Patterns add meaning 8:05 Where do we start? 9:53 What do we need? 12:48 CSS was designed for patterns 13:37 Design Tokens (Settings) 15:15 Scss Maps 18:05 Relationships are Dynamic 21:37 Define the API 23:07 HTML Template logic is great 23:35 Components provide meaning 26:33 Automation is Essential