Hello friends, In this unit, I am are going to explain Lightning Design System, which is a style resource that helps you to make awesome looking components. This style resource introduced by Saleforce.com for designing components and apps.

After completing this unit you'll able to:
  • What is the Lightning Design System?
  • How to use Lightning Design System in Lightning Apps?
So let's begin,

What is the Lightning Design System?

The Lightning Design System enables you to style your Lightning components and apps. Its contain the resources to create good looking and awesome user interface consistent with the Salesforce Lightning principles, best practices, and design language. This design system provides a range of resources for designers and developers, which include accessible component markup.

How to use Lightning Design System in Lightning Apps?

We can use Lightning Design System by extending force:slds interface or using the static resource. When you extend force:slds in your apps its automatically gets lightning design system styles and design tokens.

To extend force:slds in Lightning Apps:
 <aura:application extends="force:slds">
    <!-- customize your application here -->
 </aura:application>
Note: Salesforce recommends to extending force:slds instead using the static resource so that you automatically get the latest Lightning Design System styles and design tokens.

 Resource: You can go for further details or other designing resources from below link.
https://www.lightningdesignsystem.com/

See also:

Conclusion:
Hope you like this tutorial, for any query or suggestions please feel free to comment.
Thank you.