Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

1.1 Welcome to the Course

Hello, and welcome to this Envato Tuts+ short course. I’m Adi Purdila, and in this course you’ll learn the basics of creating and working with visual design systems.

A design system can help your team or organization build products faster by adhering to a set of predefined components and principles.

Several major companies have started using graphic design systems. One of the most popular that you’ve probably used is Google’s “Material Design”. Adobe also launched one called “Spectrum”, IBM has one, and so does Shopify. We’ll look at these in more detail in the next lesson.

We have a lot to cover, so let’s get to it. First, what is a design system? That’s coming up in the next lesson.

Related Links

1.1 Welcome to the Course

Hello and welcome to another Tuts+ short course. I'm Adi Purdila, and in this course you'll learn the basics of creating and working with design systems. Now, these have become a very popular topic lately and for good reason. A design system can help your team or your organization build products faster by using a set of predefined components and principles. Several major companies have started using design systems, and one of the most popular ones and one that you probably already used is Google's Material Design. Adobe also has a design system that's called Spectrum. IBM has one, so does Shopify. We'll talk more about these in the next lessons. But for now let's take a look at how we'll structure this course. We'll start the first chapter with the lesson where we will define a design system and look at a few examples. In the second lesson, we'll discuss the structure of a design system. And in the third one, we'll look at some common types of systems. The second chapter of the course starts with a lesson about design tokens and principles. These are the core components of any design system. In lesson five we'll discuss the most accessible starting points for any system which are color, spacing, and ypography. And in the final lesson we'll quickly go over the next steps. How do you grow your system past the three starting points we covered previously. We have a lot of cover, so let's get to it. First, what is a design system? We'll cover that in the next lesson, see you there.

Back to the top