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
-
•
IBM's Carbon design system is supported by a governance model that includes a small core team, asset guild contributors from product teams, and an implementation team to maintain priorities and quality.
-
•
Design systems are more than code; they are a language of implementation involving people, guidelines, design tools, and shared decisions evolving over time.
-
•
Many IBM designers previously created unique buttons for products, creating chaos; Carbon design system solved that by standardizing reusable components.
-
•
Five principles guide the creation of UX patterns: user needs, reproducibility, consistency, flexibility, and extendability.
-
•
Sketch was pivotal in scaling IBM’s design system by enabling editable component libraries and making design language mutable and accessible.
-
•
Design systems typically cover 80-95% of use cases; product teams need permission and guidance to break or extend the system to solve unusual problems.
-
•
Injecting controlled 'chaos' or experiments beyond the design system can lead to improvements incorporated back into the system, as demonstrated by motion design innovations.
-
•
IBM approaches emerging technologies like AI through design thinking—starting with observation and prototyping to learn and iterate, accepting discomfort as necessary for growth.
-
•
The Watson Moments design system was created to facilitate AI integration into existing products and includes ethics components to check biases in AI models.
-
•
Clear communication and shared tooling platforms like Sketch are essential for effective collaboration across design, development, and product teams, reflecting team success in the product.
Notable Quotes
"Design systems are the language of implementation; they communicate ideas in a common format and process."
"Previously, designers were inventing their own buttons for each product, exasperating chaos and frustration for developers."
"Carbon is just the starting point for what can be imagined; we’re hired for our expertise to adapt, not just follow directions."
"You have to admit we don’t know everything, we have to ask each other and ask our users, so we can learn together."
"Discomfort and growth cannot coexist — to innovate monumentally, you need to embrace discomfort."
"Sketch was the first to make it possible to build a scalable library for thousands of products and millions of customers."
"When the design system doesn’t cover 100% of use cases, product teams must decide when and how to break from it."
"We’re literally using AI to help AI build AI — with systems detecting bias and asking for user confirmation before proceeding."
"The product is the reflection of how well teams communicate."
"If the pattern isn’t solving a real user need across multiple products, stop working on it."
Or choose a question:
More Videos
"There are many ways to be a good researcher; Latin researchers should create our standards and fight for them."
Verónica Urzúa Jorge MontielThe B-side of the Research Impact
March 12, 2021
"Our modern way of life is actually really dependent on satellites. We can't even live without them."
Michal Anne RogondinoSaving Outer Space: The First UX Design System for Our Nation’s Satellites
January 8, 2024
"There is power in the togetherness of learning from others."
Jemma AhmedTheme 2 Intro
March 10, 2022
"We must consider what to transform but also what to preserve from history in Civic design."
Kara KaneTheme One Intro
November 16, 2022
"For senior employees, we ask them to hold difficult conversations that question projects, processes, and assumptions that may be harmful to others."
Laine Riley ProkayHow DesignOps can Drive Inclusive Career Ladders for All
September 30, 2021
"Video messages can help bring back lost nonverbal cues like tone and body language."
Laura Gatewood Laine ProkayBeyond Buzzwords: Adding Heart to Effective Slack Communication
September 23, 2024
"On the listings team, accuracy and speed of update is paramount because agents rely on the data for their bottom line."
Caitlyn Hampton Monica Lee Jina YoonCompass 101: Growing Your Career In A Startup World
June 11, 2021
"Waves are happening on the fringes of society where cultural codes can be suspended and new social patterns develop."
Hana NagelTurning Research Ripples into Waves
November 8, 2018
"We’re often in the position of making a piece of technology work without a clearly defined problem first."
Alexandra SchmidtEnterprise UX Playbook (Videoconference)
December 1, 2022