Archives

Sketch UI Kit

A Sketch file of common design patterns.

Design System Unmanaged Package

The unmanaged package has been deprecated.

The Lightning Design System CSS is now automatically included for Lightning Components running in the Lightning Experience and Salesforce S1 mobile application, as well as when extending the SLDS template when building a standalone Lightning Application (my.app), in LC4VF, or in a component that will be used via Lightning Out. It is no longer necessary to add a static resource for Lightning Components running within these environments. Please see the Lightning page for more information on extending the template.

Icons

Design Tokens

Design Tokens are available in multiple formats depending on which technology your application uses. For web-based applications, you can use our tokens as variables through CSS preprocessors Sass, Less, and Stylus. We recommend Sass as we use it internally, it is well-documented, and is the industry standard.

For native applications, our tokens are available in XML and JSON formats for the Android and iOS platforms, respectively.