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.

Best Practices when Creating and Maintaining a Design System
Gold
Wednesday, June 7, 2023 • Enterprise UX 2023
Share the love for this talk
Best Practices when Creating and Maintaining a Design System
Speakers: Jaime Creixems
Link:

Summary

Design systems are essential for creating cohesive and scalable products. By providing a shared set of design guidelines, components, and styles, design systems help ensure consistency and efficiency throughout the design process. In this talk we’ll go through the best practices when creating and maintaining a Design System including different strategies, approaches to token creation, making good use of overrides, setting up principles and guidelines and how to scale a design system so that it becomes useful for design a dev teams alike.

Key Insights

  • Design systems function as agreements across design, development, product, marketing, and business teams to ensure consistency and speed.

  • A bottom-up approach starting with tokens (colors, typography, spacing) creates a solid foundation for scalable design systems.

  • Separating styles (colors, text styles) from symbols (UI components) in Sketch makes future updates easier and more reliable.

  • Organizing components in a device-agnostic way groups all versions (desktop, mobile, tablet) together, simplifying maintenance and updates.

  • Keeping component hierarchy flat avoids overwhelming designers with deep nested structures, improving usability and speed.

  • Managing overrides strictly in symbols helps enforce design rules by preventing breaking changes at the component instance level.

  • Establishing a design system council with representatives from design, dev, marketing, and business ensures collaborative evolution and consistency.

  • Using version starring in Sketch enables publishing only stable design system updates to users, avoiding constant disruptive notifications.

  • Content style and usage guidelines are often missing in design systems but should be included to align UX writing and messaging with design.

  • Iterating design system rules and allowing room for creative deviations help keep the system flexible and engaging rather than rigid and dull.

Notable Quotes

"Design system is basically an agreement that helps create consistency and familiarity in all the UIs you create."

"If you don't use styles for colors and typography, updating your brand color later means changing every component manually."

"Organizing your components device-agnostic makes updating all versions easier, even if it adds some complexity during design."

"Try to keep your component hierarchy as flat as you can — don't overdo levels or it becomes infinite navigation."

"Respect your design system rules to create consistency, but revisit them periodically because things evolve."

"Establish a design system council to bring together designers, developers, marketing, and business folks regularly."

"Managing overrides means you can prevent designers from changing things like colors or fonts in component instances."

"Starring versions lets you keep working on updates without pushing notifications to your whole design team until ready."

"The content portion of design systems is often manual and missing; you should include writing style guides and examples."

"Leave space for creativity in your design system because if you don't, it becomes dull and boring to design."

Ask the Rosenbot
John Calhoun
Have we Reached Our Peak? Spotting the Next Mountain For DesignOps to Climb
2021 • DesignOps Summit 2021
Gold
Lija Hogan
Contexts of Use: A Framework for Connection
2021 • Civic Design 2021
Gold
Kate Stern
Scaling Learning for the Future
2022 • DesignOps Summit 2022
Gold
Wyatt Hayman
Global Research Panels (Videoconference)
2020 • DesignOps Community
Aaron Stienstra
Leveraging Civic Design to Advance Equity and Rebuild Trust in the US Federal Government
2021 • Civic Design 2021
Gold
Stop Talking, Start Doing
2017 • Enterprise Experience 2017
Gold
Kavana Ramesh
Meaningful inclusion: Practicing accessibility research with confidence
2024 • DesignOps 2024
Gold
Ryan Rumsey
Business Influence Without Losing Your Soul (Videoconference)
2021 • Enterprise Community
Chris Hodowanec
Agile + User Experience: How to navigate the Agile landscape as an UX Practitioner
2022 • Civic Design 2022
Gold
Robin Beers
Research as a Catalyst for Organizational Transformation
2021 • Advancing Research 2021
Gold
Michael Weir
Mixed Methods and Behavioural Science (Videoconference)
2023 • Rosenfeld Community
PJ Buddhari
Meet Spectrum, Adobe’s Design System
2021 • Design at Scale 2021
Gold
Theresa Slate
Why Changing Hearts & Minds Doesn’t Work When Promoting DE&I Efforts, but Checklists Do
2023 • DesignOps Summit 2023
Gold
Peace is waged with sticky notes: Mapping Real-World Experiences
2018 • Enterprise Experience 2018
Gold
William Newton
How to Lead With Data, and Without Data
2023 • Enterprise UX 2023
Gold
Maria Skaaden
Continuous Design: One eye on the horizon and the other on the next wave
2018 • DesignOps Summit 2018
Gold

More Videos

Alex Hurworth

"The health of our planet directly influences our health and survival."

Alex Hurworth Bonnie John Fahd Arshad Antoine Marin

Designing a Contact Tracing App for Universal Access

October 23, 2020

Laine Riley Prokay

"We wanted to actively promote the Design Ops discipline to more people, especially those not familiar with our craft."

Laine Riley Prokay Lisa Gordon

Carving a Path for Early Career DesignOps Practitioners

September 9, 2022

Eniola Oluwole

"We did a great cleanup of patterns from every decade and deleted anything off brand or untested."

Eniola Oluwole

Lessons From the DesignOps Journey of the World's Largest Travel Site

October 24, 2019

Nathan Shedroff

"Living personas refreshed constantly with new research allow others to connect with real customer behaviors."

Nathan Shedroff

Double Your Mileage: Use Your Research Strategically

March 31, 2020

Sam Proulx

"Mobile browsers are typically updated with the OS, reducing variability compared to desktop browser versions."

Sam Proulx

Mobile Accessibility: Why Moving Accessibility Beyond the Desktop is Critical in a Mobile-first World

November 17, 2022

Feleesha Sterling

"At LinkedIn, rapid research uncovered trends across products that helped reduce duplicate work."

Feleesha Sterling

Building a Rapid Research Program (Videoconference)

May 18, 2023

Neil Barrie

"You get to those iconic signature actions when product excellence meets cultural tensions and what people need."

Neil Barrie

Widening the Aperture: The Case for Taking a Broader Lens to the Dialogue between Products and Culture

March 25, 2024

John Devanney

"The real question is what is it about delivering the value of design at scale."

John Devanney

The Design Management Office

November 6, 2017

Katy Mogal

"One analyst became our research associate by diving deep into the diary videos and organizing the data."

Katy Mogal

But Do Your Insights Scale?

March 12, 2021