Rosenverse

This video is only accessible to Gold members. Log in or register for a free Gold Trial Account to watch.

Log in Register

Most conference talks are accessible to Gold members, while community videos are generally available to all logged-in members.

An Organizational Story: Salesforce Lightning Design System
Gold
Thursday, June 9, 2016 • Enterprise UX 2016
Share the love for this talk
An Organizational Story: Salesforce Lightning Design System
Speakers: Nalini P. Kotamraju
Link:

Summary

The speaker, drawing on sociological research and internal interviews at Salesforce with UX designers, engineers, and executives, explores how the Salesforce Lightning Design System (SLDS) was conceived and successfully adopted. Unlike a typical executive-driven rollout, SLDS began as a scrappy, grassroots initiative by designers tackling concrete problems such as the disconnect between design and implementation, and the complexity of CSS for engineers. Salesforce’s history as a cloud-based CRM expanding into diverse customer success tools contextualizes this effort. The team learned from challenges faced by customers and partners who reverse-engineered Salesforce’s UI to maintain brand consistency. Trust among team members was crucial, fostered through clear design principles (clarity, efficiency, consistency, beauty) and transparent collaboration methods, including an internal “giving a blank” scale to evaluate passion on issues. The team prioritized building live components to demonstrate value instead of just documentation. Sharing via presentations, internal tools, and Salesforce’s Trailhead platform extended adoption beyond the core team, even as rapid scaling created new documentation challenges. Importantly, the design system elevated UX’s organizational role, securing a consistent presence in company decisions. The speaker highlights ongoing experimentation, including using the design system flexibility for user research. They close noting that despite the system’s maturity, no one has fully figured out design systems yet, underscoring an exciting phase for this evolving practice.

Key Insights

  • The Salesforce Lightning Design System succeeded primarily due to addressing real problems for people, not just technological innovation.

  • SLDS originated as a scrappy grassroots initiative rather than a top-down executive mandate.

  • A core internal challenge was bridging the gap between what designers envisioned and what engineers implemented, especially with CSS complexities.

  • Trust within the design system team, supported by explicit communication methods like the ‘giving a blank’ scale, was fundamental for productive collaboration.

  • Salesforce’s design principles (clarity, efficiency, consistency, beauty) served as a unifying language across teams and stakeholders.

  • Building live components early and fast helped the design system team demonstrate value and gain buy-in rather than relying on documentation alone.

  • Sharing extensively using internal communications, office hours, and the Trailhead learning platform accelerated adoption inside and outside Salesforce.

  • The design system helped unify disparate codebases and acquired companies, preserving brand consistency at scale.

  • The existence of the design system strengthened the organizational role of UX, ensuring UX teams have a seat at the decision-making table.

  • Ongoing challenges include managing rapid adoption scale and integrating user research creatively using the design system’s flexibility.

Notable Quotes

"I’m exceptionally qualified to talk about design systems because I’ve never used one until recently."

"The success of SLDS is not about the technology itself but about people and relationships."

"The design system started as a scrappy corner initiative of designers doing the right thing."

"Engineers don’t want to mess with CSS; they want to write business logic."

"One of the biggest problems was the gap between what designers designed and what got built."

"Trust was cultivated with design principles like clarity, efficiency, consistency, and beauty serving as a North Star."

"We built living components as conversation starters, showing instead of telling."

"Sharing is hustle — holding brown bags, office hours, town halls, and surveys to get feedback."

"Making the design system open source put Salesforce and the UX team on the map."

"UX now has a seat at the table — maybe not next to the CEO, but definitely in the room — thanks in large part to the design system."

Ask the Rosenbot
Samuel Proulx
Invisible barriers: Why accessible service design can’t be an afterthought
2024 • Advancing Service Design 2024
Gold
Jen Briselli
Learning Is The Engine: Designing & Adapting in a World We Can’t Predict
2025 • Rosenfeld Community
Sharon Banh
Reimagining research: What does the field need to grow? [Advancing Research Community Workshop Series]
2024 • Advancing Research Community
Craig Villamor
Design Systems for Ethical Design
2023 • Enterprise Community
Jeff Gothelf
Innovation Studios: the Engines of Enterprise Experimentation
2015 • Enterprise UX 2015
Gold
Alissa Briggs
How to Coach Enterprise Experimentation
2015 • Enterprise UX 2015
Gold
Megan Nipe
Human-Centered Design for Engagement: Maturing from Newsletterville to Personalized, One-to-One Messaging
2021 • Civic Design 2021
Gold
Jon Fukuda
Theme One Intro
2022 • DesignOps Summit 2022
Gold
Yasmine Khan
Checking Bias and Listening to Financially Vulnerable Americans
2020 • Advancing Research 2020
Gold
Chui Chui Tan
Global insights: Embracing international and intercultural research for innovation
2025 • Advancing Research 2025
Gold
Jane Davis
Strategic Shifts and Innovations in User Research: Navigating Challenges and Opportunities
2025 • Advancing Research 2025
Gold
Louis Rosenfeld
Do you want to work on climate? (Climate UX Discussion Series)
2023 • Climate UX Interest Group
Marina Martin
Lives on the Line: The Stakes of UX at the Scale of Government
2018 • Enterprise Experience 2018
Gold
Jamie Beck Alexander
How can you find your role in climate?
2024 • Climate UX Interest Group
Alfred Kahn
A Seat at the Table: Making Your Team a Strategic Partner
2023 • Design in Product 2023
Gold
Wendy Johansson
Design at Scale: Behind the Scenes
2021 • Enterprise Community

More Videos

Sam Proulx

"I’ve been using screen readers for 30 years and accessibility has always been a passion of mine."

Sam Proulx

SUS: A System Unusable for Twenty Percent of the Population

December 9, 2021

Michael Land

"It's kind of Peace Corps for nerds – people come in for a tour and try to have impact at scale."

Michael Land

Establishing Design Operations in Government

February 18, 2021

Shipra Kayan

"I spent too much time trying to change company culture and should have focused more on just getting things done."

Shipra Kayan

How we Built a VoC (Voice of the Customer) Practice at Upwork from the Ground Up

September 30, 2021

Ian Swinson

"Leadership doesn’t only mean managing; it can be mentoring, product leadership, or technical influence."

Ian Swinson

Designing and Driving UX Careers

June 8, 2016

Isaac Heyveld

"Emotional intelligence is key to navigating situations with senior leaders multiple grades above you."

Isaac Heyveld

Expand DesignOps Leadership as a Chief of Staff

September 8, 2022

Amy Evans

"Starting with one line of business and showing success creates a trickle effect for broader organizational adoption."

Amy Evans

How to Create Change

September 25, 2024

Kate Koch

"Telepathy as mind reading means proactively building a talent pipeline and improving recruitment processes."

Kate Koch Prateek Kalli

Flex Your Super Powers: When a Design Ops Team Scales to Power CX

September 30, 2021

Dave Gray

"It’s impossible to be angry with a warm cup of tea in your hand."

Dave Gray

Liminal Thinking: Sense-making for systems in large organizations

May 14, 2015

Matt Duignan

"The challenge is whether your organization has the energy to overcome cultural and technical barriers driving researchers back to disposable knowledge."

Matt Duignan

Atomizing Research: Trend or Trap

March 30, 2020