Хоча це структура Salesforce (або набір принципів), це можна використовувати всередині та поза платформою Salesforce. Ви можете використовувати SLDS у компонентах Lightning, щоб забезпечити стандартний вигляд і відчуття порівняно зі стандартним інтерфейсом користувача.

Система Salesforce Lightning Design System (SLDS) допомагає створювати додатки із зовнішнім виглядом Lightning Experience без написання жодного рядка CSS. SLDS — це структура CSS, яка надає вам доступ до піктограм, колірних палітр і шрифтів, які наші розробники використовують для створення Lightning Experience.

Ви можете використовувати Lightning Design System (SLDS) для створення сторінок Visualforce, які відповідають зовнішньому вигляду мобільної програми Salesforce. Щоб використовувати SLDS, потрібно внести певні зміни в код і запам’ятати кілька речей.

Використовуйте фреймворк Lightning Web Components (LWC). для створення користувацьких інтерфейсів користувача, веб- і мобільних додатків, а також цифрового досвіду на платформі Salesforce.

Кілька прикладів включають компоненти блискавка-акордеон, блискавка-карта та блискавкове дерево. Базові компоненти надають атрибут класу, щоб ви могли додати службовий клас SLDS або настроюваний клас до зовнішніх елементів компонентів.

SLDS складається з чотирьох основних елементів: маркери дизайну, утиліти, інструкції та креслення компонентів.