Get Started

To get started scanning your code with SLDS Validator, follow the developer workflow and choose resources that match your learning style.

SLDS Validator is a Visual Studio (VS) Code extension that scans your code, validates it against a database of Salesforce Lightning Design System (SLDS) guidelines, and offers recommendations on how to improve your code. SLDS Validator:

  • Evaluates your HTML, Cascading Style Sheets (CSS), and component markup (CMP) code inline as you write it in VS Code.
  • Simplifies working with SLDS in custom Aura components and Lightning web components.

With the SLDS Validator extension, you get:

  • SLDS 1 and SLDS 2 (Beta) support
  • Validation with recommended tokens and utility classes
  • Syntax highlighting
  • Code completion
  • Context awareness
  • Bulk report generation

SLDS 2 is pilot or beta services that are subject to the Beta Services Terms at Agreements- Salesforce.com or a written Unified Pilot Agreement if executed by Customer, and applicable terms in the Product Terms Directory. Use of this pilot or beta service is at the Customer's sole discretion.

Before you can scan your code, install SLDS Validator. If you’re working in SLDS 2, you must follow the customization steps to enable SLDS 2 scans. Whether you’re working in SLDS 1 or SLDS 2, learn about customization to improve how you work with SLDS Validator.

Now that you installed and customized SLDS Validator, the fun starts. Learn how to work with SLDS Validator. Then scan your code and interpret the results that you get.

SLDS Validator is updated frequently. To learn the latest, read our release notes. Also, get support when you need it with our resources.