Explore Salesforce Lightning Design System
Learning Objectives
After completing this unit, you’ll be able to:
- Describe Salesforce Lightning Design System (SLDS) and its purpose.
- Determine out-of-the-box design and configuration consistent with the look and feel of Lightning Experience.
- Utilize SLDS to create new and customized component functionality.
Key Topics
This unit prepares you for the Salesforce Lightning Design System (SLDS) section of the Salesforce UX Designer exam, which makes up 21% of the overall exam. This section of the exam includes these topics.
- Design documentation
- Framework
- Color contrast
- Design tokens
- SLDS grid system
- SLDS icon library
- Lightning components
- Iconography
Like the previous units, this unit contains practice scenario-based questions and flashcards.
Exam Practice Questions
Ready to jump in? The sample tool below is not scored—it’s just an easy way to quiz yourself. To use it, read the scenario, then click the answer you think is correct. Some questions may have more than one correct answer. Click Submit to learn whether the answer you chose is correct or incorrect, and why. If there’s a longer explanation, click 
to expand the window, then click anywhere in the window to close it. When you reach the end, you can review the answers or retake the questions.
Did you choose the wrong answer? Check out the table below for related study material.
|
Scenarios 1, 2, and 3 |
Examine Systems Design with the Lightning Design System to better understand the main focus of systems design. |
|
Scenario 4 |
Review Lightning Design System: Buttons to learn more about Lightning Design System components. |
|
Scenario 5 |
Study Styling Hooks Overview to research how to customize this SLDS component with your own style. |
Exam Topic Flashcards
The following flashcards cover the SLDS. Use these interactive flashcards to brush up on some of the key topics you’ll find on this part of the exam.
Read the question or term on each card, then click or tap the card to reveal the correct answer. Click the right-facing arrow to move to the next card and the left-facing arrow to return to the previous card.
Did you choose the wrong answer? Check out the table below for related study material.
|
Flashcards 1, 2, and 3 |
Study up on design guidelines and specifications by reviewing Systems Design with the Lightning Design System. |
|
Flashcard 4 |
Review the components of the Salesforce Lightning Design System (SLDS) by examining Lightning Design System: Design Tokens. |
|
Flashcard 5 |
Examine the Lightning Design System specifics by studying the Global Focus Guidelines. |
Related Badges
Looking for more information? Explore these related badges.
| Badge | Content Type |
|---|---|
 Lightning Design System Basics |
Module |
 Systems Design with the Lightning Design System |
Module |
 Lightning Web Components Basics |
Module |
Congratulations. You’ve covered all of the Salesforce UX Design Certification test material in this badge.
You’ve reviewed all of the sections of the exam.
- Discovery
- UX Fundamentals
- Human-Centered Design
- Declarative Design
- Testing
- SLDS
Good luck on your exam!