Log in or create a free Rosenverse account to watch this video.
Log in Create free account100s of community videos are available to free members. Conference talks are generally available to Gold members.
Building a New Home for the Atlassian Design System
Summary
Having a design system is a de facto necessity when building cohesive enterprise software. The challenge is how does it all come together with a single location, a source of truth, a website? How does a cross-functional team marshal the resources with political and technical willpower to achieve this goal? It’s no easy feat as Jennie Yip, Atlassian design systems lead, explains in this Medium essay. This fireside chat will dig deeper into the problems addressed and lessons learned, with Jennie and also Charles Lee, the engineering lead. Hearing their stories will inspire and inform all of us in our design system journeys. We hope you will join us!
Key Insights
-
•
Multiple sources of truth in design systems cause inconsistencies and confusion, as seen with the button component font weight differences across specs, design files, and code.
-
•
Design systems should treat code as the source of truth while making design tools like Figma an integrated extension of that truth.
-
•
The Constellation project aims to create a single, consistent destination for design and development documentation, consolidating 50+ guidelines and 27 out of 60 components.
-
•
Collaboration between designers and engineers early in the process is critical to align priorities, avoid scope creep, and build trust.
-
•
Governance in design systems works best as shared execution through community trust and enabling teams, rather than policing or harsh compliance enforcement.
-
•
Workshops and detailed documentation are essential for onboarding new team members quickly and preserving knowledge amid team changes.
-
•
Live code examples embedded in documentation reduce maintenance burdens and ensure consumers always see current component behavior.
-
•
Versioning pace needs balancing—too frequent releases burden product teams trying to keep up and can hinder adoption.
-
•
Research methods like card sorting and usability testing directly influence information architecture and navigation improvements in the new documentation.
-
•
Buy-in from leadership and stakeholders grew through repeated demos and a unified team vision, highlighting the value and reducing skepticism over time.
Notable Quotes
"We kept feeling the same consistent pain around some truths for our design system."
"Kate said she considers live code to be the source of truth because she can't trust the design site due to inconsistencies."
"Code is definitely considered the source of truth; we're working hard to make Figma an extension of that."
"Governance is not policing; we're here to help you create the best experience and save time."
"Workshops often reveal gaps in documentation, which is a spicy take but true."
"It's really about finding a way to link all the different aspects to bring everything together to tell the story."
"Continuous adaptation is key; you're adapting to the system as much as adopting it."
"If you can't get buy-in for collaboration between engineers and designers, start from the bottom and talk more early and often."
"Updating and adopting design system components is company time, so a slower release schedule helps teams keep up."
"We absolutely need feedback loops so engineers and designers can influence the design system and keep it relevant."
Or choose a question:
More Videos
"Manuel Herrera, our sketch noter, has contributed wonderfully to visually capturing the spirit and content of the conference."
Louis Rosenfeld Bria AlexanderDay 1 Welcome
September 23, 2024
"I am the shock absorber for everything that’s happening so my boss can focus on bigger priorities."
Lisa GirondaOpener: Chief of Staff–An unexpected journey
January 8, 2024
"We are talking about climate solutions to displace things that are incompatible with thriving life, not just add more options."
Jamie Beck Alexander Nina Gregg Shawn Petersen Bill DeRoucheyHow can you find your role in climate?
January 17, 2024
"Intelligence is the pursuit of knowledge; wisdom is the pursuit of truth."
Iram ShahClosing Keynote: The View from the Top
June 4, 2019
"Flexibility goes both ways: consultants must adapt to the client’s way, but clients must allow consultants to bring new approaches."
Melinda BelcherInsider preview of Enterprise Experience 2020
May 28, 2020
"Sovereignty was never ceded."
Natalia RadywylCo-Designing New Power in Australia's Public Sector
November 16, 2022
"To do this work, you can’t do it with a JIRA ticket."
Uday GajendarThe Rise of Meta-Design: A Starter Playbook
May 19, 2022
"Non-researchers often think you can just jump in and start asking questions, but that can be inefficient or risky."
Jesse ZolnaInviting the Whole Org to Come See For Yourself
March 30, 2020
"I prefer techniques where individuals generate ideas quietly first, so their train of thought isn’t lost in group dynamics."
Steve Baty Richard Dalton Maria Giudice Harry MaxDiscussion
June 9, 2016
Latest Books All books
Dig deeper with the Rosenbot
How can AI agents maintain context and prevent delivering misleading answers when searching research data?
How can storytelling be used to extract deeper insights without being extractive in user research?
Why is design education’s emphasis on critical making important, and how does it interrelate with critique and theory?