Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Introduction to Design Systems

Well done!

You have completed Introduction to Design Systems!

Sign up for Treehouse Back to Library

Introducing User Interface Libraries

1:42 with Anwar Montasir

To create a consistent user experience across applications, design systems provide strict rules for designing and coding interactive elements, just as they provide a visual design language.

Further reading

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    [MUSIC] 0:00
    Visual design language guidelines, are the Legos of a design system. 0:05
    These design elements are like building blocks 0:10
    you piece together to construct almost any sort of application. 0:13
    With rigid parameters to restrict their size, shape, material and connectivity. 0:17
    It's unlikely, however, for a design system to stop there. 0:25
    Once you understand the rules of applying color, typography, space, image, and 0:29
    motion within the design system, you'll combine them into interactive elements. 0:35
    The same way you might snap Legos together to form doors and windows, 0:41
    stairs and bridges. 0:46
    To create a consistent user experience across applications, 0:49
    design systems provide strict rules for designing and coding interactive elements 0:53
    just as they provide a visual design language. 0:59
    These rules for interactive elements might be called 1:04
    a User Interface Library, or a Component Library, or even a Pattern Library. 1:08
    But whatever it's called, the goal is the same: to guide the style, implementation, 1:15
    and functionality of interactive elements, and create a predictable and 1:22
    accessible interactive experience across all applications. 1:27
    In the next video, we'll explore a few examples and 1:33
    see how design systems define and categorize interactive components. 1:36

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up