Tools

SLDS Validator for VS Code

Astro drawing on a screen, floating with balloons

Introducing SLDS Validator for VS Code

SLDS Validator for VS Code scans your markup, validates it against a database of guidelines/tips/gotchas/etc. extracted from the SLDS documentation, and offers suggestions on how to improve your code.

Go to VS Code Store

Features

This extension simplifies working with Salesforce Lightning Design System (SLDS) in Aura and Lightning:

Smart Suggestions

Validation with recommended token and utility classes

Save Time

Syntax highlighting and code completion

Context Awareness

Knows the right suggestions to make whether in CSS or HTML


Get Started

Before you set up SLDS Validator, make sure you have these essentials:

  1. Java; see these instructions for details
  2. Visual Studio Code v1.26 or later

We'd love to hear from you! If you have any comments/questions/feedback, please file an issue or post in our wiki.


Read the Blog Post

Cartoon of construction workers on job site
Image of Kirupa Chinnathambi

January 21, 2020
Kirupa Chinnathambi

SLDS + VS Code = Win!

Ever had one of those days where you spent hours getting your Salesforce UI just right? You followed all of the Lightning Design System (SLDS) best practices and...

Read on Medium