Lightning Design System 2 · Design system documentation, made with zeroheight

All the tools you need to work with and learn about Salesforce Lightning Design System. Design Tools

Sep 10, 2020 · 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.

Sep 10, 2020 · Ready-to-use HTML and CSS UI elements provide the foundation for Salesforce experience development. Go to Blueprints

Sep 10, 2020 · Design tokens are the visual design atoms of the design system — specifically, they are named entities that store visual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for spacing) in order to maintain a scalable and consistent visual system for UI development.

Sep 10, 2020 · The Salesforce Lightning Design System (SLDS) is: Brand and product design guidelines, Design Patterns and Component Blueprints for creating unified UI in the Salesforce ecosystem. A Design Pattern is: Principle-driven guidelines of a repeatable experience. A Component Blueprint is: Framework agnostic, accessible HTML and CSS used to create ...

This extension simplifies working with Salesforce Lightning Design System (SLDS) in Aura and Lightning: Smart Suggestions Validation with recommended token and utility classes

Sep 10, 2020 · Standard Object and Custom Object icons represent Salesforce entities and objects (e.g., Accounts, Leads, Cases, etc.) View Standard Icons

Jan 23, 2025 · Salesforce Kinetics System’s #1 principle is functional animation. When this is your primary driver for adding animation to your UI, we can create accessible experiences that drive clarity, productivity, and delight.

Lightning Design System 2 · Design system documentation, made with zeroheight. Skip to content. Refresh to view the mobile styleguide 📱 . Spring '25 SLDS 2 (Beta v1.0.8) Styleguide updated 3 days ago ...