Organizing Chaos: How IBM is Defining Design Systems with Sketch for an Ever-Changing AI Landscape
Summary
Defining a design system that’s adaptable, modular and more importantly, future proof, is a monumental task. With several years of contributing to their design system and software suite, Mitchell Bernstein, AI Design Lead, will go through IBM’s experience on this topic, sharing key takeaways about their evolving Carbon Design System. Mitchell will also dive into details on how to adapt any design system to complex, AI-powered software with the help of Sketch.
Key Insights
-
•
Design systems at IBM function as an evolving language connecting decisions across teams and products, enabling consistent yet adaptable experiences.
-
•
Governance of IBM's Carbon design system includes core maintainers, design systems asset guilds, and an oversight implementation team ensuring quality and priorities.
-
•
Five principles guide pattern creation: focus on user needs, reproducibility, consistency, flexibility, and extendability to maintain effectiveness over time.
-
•
Sketch was pivotal in IBM's ability to build scalable, reusable component libraries accessible to thousands of products and millions of users.
-
•
Product teams must know when to break away from the design system to address unique use cases, injecting controlled innovation back into the system.
-
•
IBM uses the loop cycle—observe, reflect, make—as a fundamental process for tackling unknown technology and user needs iteratively.
-
•
The complementary Watson Moments design system helps integrate experimental AI features into existing digital products alongside the core Carbon system.
-
•
AI ethics are prioritized through dedicated educational modules to prepare designers and developers for the responsibility of AI decision-making on users.
-
•
Automated AI tools like AutoAI include bias detection and correction mechanisms, designed through detailed Sketch visualizations by IBM's design team.
-
•
Effective communication across multidisciplinary teams using shared tools like Sketch is critical as product quality reflects the quality of team collaboration.
Notable Quotes
"Design systems are the language of implementation; they allow us to communicate ideas in a common format and process."
"Every decision in a design system is like a puzzle piece; together they form a bigger picture that evolves over time."
"Previously, IBM designers were inventing their own buttons for every product, which exasperated chaos and inconsistency."
"Carbon is just the starting point for what can be imagined. We're hired for our expertise to adapt, not just follow directions."
"Discomfort and growth cannot coexist. You have to embrace discomfort to push innovation forward."
"When you get stuck, fall back to the loop: observe, reflect, and make. Get out and talk to users."
"Sketch made it possible to build a scalable library that millions of customers rely on with just a couple clicks."
"AI decision-making on behalf of billions of people isn’t just scary; it’s terrifying and dangerous, so ethics must be embedded."
"We’re literally using AI to help AI build AI, including bias detection and correction in the process."
"The product is the reflection of how well teams communicate. Without clear communication, success is impossible."
Or choose a question:
More Videos
"We know what is not good research, but defining and communicating what good research looks like is more challenging."
Robert Fabricant Peter Merholz Noam Segal Teresa TorresA Genuine Conversation about the Future of UX Research
March 20, 2024
"Hiring for lived experience, not just academic credentials, changes the game."
Jennifer StricklandAdopting a "Design By" Method
December 9, 2021
"If we practice transformation as a way of life, it’s easier to practice it in our research work."
Victor UdoewaTheme One Intro
March 27, 2023
"Reality space focuses on customers’ mental models, appetite for change, and the broader solution ecosystem."
Sean McKayWhole Product Thinking: Expanding beyond problem and solution space thinking
March 14, 2024
"At DTA, distributed teams and lack of local diversity meant everyone was out in the field a lot to get diverse input."
Leisa ReicheltOpening Keynote: Operating in Context
November 7, 2018
"We couldn’t find just one word to describe our third value so we made one up: humbladent—humble and confident together."
Jilanna WilsonDistributed Design Operations Management
October 23, 2019
"There’s a lot of work to do aligning design systems so designers, engineers, and business analysts speak the same language."
Dave Malouf Patrizia Bertini Jon FukudaThe Past, Present, and Future of DesignOps: a 2-part DesignOps Community Call (Part 2)
April 28, 2022
"We can imagine them worrying about managing competing priorities with product strategy execution."
Aditi Ruiz Christian Crumlish Farid SabitovA PM State of Mind: Empathy Mapping Your Product Manager, Pt. 1
December 6, 2022
"We need the serenity to accept things we cannot change and the courage to change what we can, and the wisdom to know the difference."
Robin Beers Sonja Bobrowska Mujtaba Hameed Josh MoralesHow to create actionable insight in the face of politics and silos [Advancing Research Community Workshop Series]
October 12, 2023