Summary
We built Adobe’s design language, Spectrum, to work on a huge and varied product ecosystem. Adobe’s offering includes dozens of connected desktop, web, and mobile experiences with millions of worldwide users. Some of our products are brand new and some have been in the market for decades. Hear from two of Spectrum’s designers as they give an overview of the design system and answer your questions about building and scaling a design system!
Key Insights
-
•
Spectrum supports over 130 Adobe products spanning multiple platforms and business units with diverse technologies.
-
•
The design system evolved from a few Adobe designers managing Illustrator files to a dedicated cross-functional team since around 2015.
-
•
Spectrum’s team focuses on design, documentation, and defining tokens but relies on product engineering teams for component implementation.
-
•
Component health is tracked transparently using a design checklist linked to open tickets to prioritize fixes.
-
•
Spectrum shifted from quarterly global versions to individual component versioning for more granular updates and smoother communication.
-
•
Spectrum Contributions is a sister site showcasing design work-in-progress components to gather community feedback early and increase visibility.
-
•
Design tokens serve as a single source of truth for attributes like color and sizing, enabling theme flexibility and consistent UI kit generation.
-
•
Leonardo, a tool developed by Nate Baldwin’s team, automates generating accessible color palettes by targeting specific contrast ratios across themes.
-
•
Naming components and their properties precisely is the toughest challenge, addressed by working closely with a content strategist, Jess Satel.
-
•
Spectrum maintains strong collaboration with multiple engineering teams through weekly meetings, office hours, and Slack channels to synchronize design decisions and implementation feedback.
Notable Quotes
"Our team does not actually build the components consumed by product teams due to how Adobe's teams are structured."
"We use a design checklist to show the health of each component, leaving items unchecked if they don't meet standards."
"Naming things is the hardest thing; it’s an ongoing process involving components, their parts, and properties."
"We investigate whether we can skin native components to respect platform conventions while identifying commonalities and differences."
"Instead of choosing colors and then checking contrast, we define target contrast ratios first and generate colors accordingly."
"Leonardo helps generate color palettes that meet contrast requirements, ensuring accessible themes."
"Our UI kits are generated through JavaScript from design tokens, reducing manual errors and keeping everything up to date."
"We have a Spectrum Guild that includes product designers and managers from every business unit to surface major changes and requests."
"We hold quarterly town halls and office hours to keep the community informed and supported."
"We’re far from done; evolving foundational elements, accessibility, and customization tools will drive Spectrum’s future."
Dig deeper—ask the Rosenbot:
More Videos
"Researchers submit questions that get combined into one survey, translated, then responses are translated back for analysis."
Wyatt HaymanGlobal Research Panels (Videoconference)
August 8, 2020
"Leonardo helps generate color palettes that meet contrast requirements, ensuring accessible themes."
PJ Buddhari Nate BaldwinMeet Spectrum, Adobe’s Design System
June 9, 2021
"If we center design on people and place before technology, we create more meaningful futures."
Sarah GallimoreInspire Progress with Artifacts from the Future
November 18, 2022
"Developing trust means showing you understand what it takes to get something shipped, that you’re reliable, and that people can be vulnerable with you."
Peter MerholzThe Trials and Tribulations of Directors of UX (Videoconference)
July 13, 2023
"Time poverty is a huge problem for women, especially those from marginalized backgrounds, and researchers must ask how much time they can give."
Dr. Jamika D. Burge Mansi GuptaAdvancing the Inclusion of Womxn in Research Practices (Videoconference)
September 15, 2022
"Investment is attention. If the business funds you, they believe in what you’re doing."
Amy MarquezINVEST: Discussion
June 15, 2018
"Many Xbox games are fully playable by blind players — sound cues replace visuals so they can navigate without sight."
Dane DeSutter Natalie Gedeon Deborah Hendersen Cheryl PlatzBeyond the Console: The rise of the Gamer Experience and how gaming will impact UX Research across industries (Videoconference)
May 17, 2024
"Share everything, own nothing but credit everyone."
Zariah CameronReDesigning Wellbeing for Equitable Care in the Workplace
September 23, 2024
"Having ADHD is like having a race car engine for a brain but with the brakes of a bicycle."
Jessica NorrisADHD: A DesignOps Superpower
September 9, 2022
