Why Design Systems?

The main purpose of a design system is to create guidelines and components that you can reuse to create more designs, products, and experiences while maintaining consistency. This actually leads to huge savings of your budget otherwise spent on rehiring the same agencies. As well as saving time spent on creating the same components in each product development process.
Tutorial Tim Design Systems Image

For the entry level designer

Learning how to use design systems and how they’re implemented will be invaluable for you as you grow as a designer as it will allow for more time solving bigger design problems within the products you build rather than analyzing every pixel.
Tutorial Tim Design Systems Image

For the design organization

Having this platform as a documentation resource will not only make your lives easier, but your customers’ lives easier. Understanding design systems improves internal communication resulting in better and faster product development. Good design is a language, and when everyone is speaking the same language, that’s when things get done.
Tutorial Tim Design Systems Image

Proven Processes

Learn how design systems are built in the context of serving product designers and a product. What you'll learn is applicable to building products in the real world.
Tutorial Tim Design Systems Image

Course curriculum

    1. Auto Layout Overview

    2. Understanding Auto Layout

    3. App Bar Bottom

    4. App Bar Top

    5. Banners

    6. Bottom Navigation

    7. Buttons

    8. Floating Action Button

    9. Cards

    10. Chips

    11. Data Tables

    12. Date Pickers

    13. Dialogs

    14. Lists

    15. Menus

    16. Navigation Drawer

    17. Navigation Rail

    18. Selection Controls

    19. Bottom

    20. Side Sheets

    21. Snackbars

    22. Tabs

    23. Text Fields

    24. Time Pickers

    25. Tooltips

    1. Component Properties Overview

    2. Understanding Component Properties

    3. Buttons

    4. Floating Action Button

    5. App Bars: Bottom

    6. App Bars: Top

    7. Bottom Navigation

    8. Snackbars

    9. Tabs

      FREE PREVIEW
    10. Tooltips

    11. Dividers

    12. Selections Controls (Checkboxes, Radio, Switches)

    13. Progress Indicators

    14. Navigation Rails

    15. Lists

    16. Image Lists

    17. Banners

    18. Menus

    19. Backdrop

    20. Bottom Sheet

    21. Side Sheets

    22. Navigation Drawer

    23. Chips

    24. Text Fields

    25. Cards

    26. Date Pickers

    27. Data Tables

    28. Dialogs

    29. Time Pickers

    1. Intro to States

About this course

  • $40.00
  • 102 lessons
  • 22 hours of video content

Discover your potential, starting today