All the tools you need to work with and learn about Salesforce Lightning Design System.
Lightning Design System Linter for Sketch New!
Use our Sketch Assistant for Design System alignment with minimal effort!Add to Sketch • Learn More
Salesforce Fictitious Data Plugin
Explore our new tool that populates Sketch mock-ups with fake Salesforce data including names, companies, numbers, dates, and more.Take a Look
Color Tool Coming Soon!
Check out the latest updates on our soon-to-be-released color system!Learn More
Sketch UI Kit
Get access to nine Sketch libraries through the SLDS Sketch plugin.Download
Figma UI Kit
Unleash the power of the SLDS UI Kit in Figma.Open in Figma
Framer UI Kit
Bridge code and design to build prototypes.Open in Framer Package Store
Additional Design Resources
Learn more about using our custom typeface, Salesforce Sans.
Import color swatches for use in Sketch.