Lightning Design System

The Salesforce Lightning Design System is a component and pattern library that enhances the workflow of both designers and developers. We help users create clear, efficient, consistent, and beautify user interfaces that look and feel like a Salesforce product. By defining patterns and guidelines, we enable designers to focus on user experience, and developers to focus on implementation.

Key Responsibilities

Creating Components & Guidelines

The core of my work on the SLDS team revolves around creating new components and extending existing ones. My focus here is on building scalable HTML component blueprints with semantic and accessible markup, along with quality CSS styles. At SLDS I build with React, Sass, and Node.

Advising on Design Patterns

Our team sits in a very unique position within the User Experience organization at Salesforce. Given that our components and styles are consumed by the core Salesforce products, our team advises designers and engineers on how to follow our current patterns. With this high visibility within UX, I have developed unique skills in recognizing design patterns and working with designers to create new ones.

Engineering Support

The Lightning Design System provides a CSS framework to the core engineering teams at Salesforce. By providing a shared stylesheet, we enable engineers to focus on implementation rather than the styles of their component. Not only does this simplify the development process, but it also ensures a more consistent UI accross all products. A large part of my role on the team is supporting the engineering side, by assisting in adoption of the design system and working to resolve incoming bugs.

Components I've Worked On



Visual Picker