Video 1 – Foundations (55 minutes) which will help you kick off designing a design system from scratch, including typography and colors. 

Video 2 – Components (55 minutes) where you’ll add to your design system by building foundational components and organize them using pages, frames, names, and descriptions.

Video 3 – Components continued (55 minutes) which will introduce more complex components like cards, media objects, dialogues, navigations, and forms, to include in your design system.

Video 4 – Testing (57 minutes) where you’ll check if your component library is robust enough in real-world scenarios.

Video 5 – Documentation (61 minutes) which shares best practices for documenting your design system using Figma and other tools.