Summary
A Design system is not only about standardizing the UI or accelerating design. In the big picture, it can streamline collaboration between design and development. With this goal in mind, an effective Design system is available to both designers and developers in a format that is native to each discipline. However, getting to this point takes time. But what if we can skip ahead with a starter Design system containing both design and coded components that are ready for use? Join our activity sessions to see how you can transform your pixel-perfect designs into pixel-perfect code for modern web applications with Indigo.Design. We will also revisit the typical developer handoff by introducing a re-imagined workflow that minimizes rework. In the end, this approach can free up our focus to run Design-Ops better and deliver value sooner. ? Part 1 (Thursday): Introducing a starter Design system, and Indigo.Design overview Part 2 (Friday): Reimagining developer handoff, and introducing App builder Part 3 (Friday): Indigo.Design overview and exploring the developer workflow
Key Insights
-
•
Design systems should be available as matching sets for both designers and developers in native formats to be most effective.
-
•
Building and maintaining a custom design system can require a dedicated team, which may be overhead for smaller teams or agencies.
-
•
Using multiple off-the-shelf design systems or mixing them often results in a fractured "Franken design" lacking cohesion.
-
•
A white-label flexible design system like Indigo Design that supports theming and customization is valuable across various industries and niches.
-
•
Indigo Design supports Sketch, Adobe XD, and will soon support Figma, paired with a developer toolkit producing pixel-perfect Angular applications.
-
•
Theming in Indigo Design allows changing primary colors that automatically generate palettes, plus typography customization with local fonts.
-
•
The workflow includes cloud-based prototyping and usability testing with task navigation and stakeholder feedback collection.
-
•
Their handoff process intelligently converts absolute design layouts into responsive flex layouts, saving time and enabling fluid responsiveness out of the box.
-
•
Indigo Design aims to support scalability and localization by enabling multiple themes, customizable style hooks, and documented developer APIs.
-
•
The approach encourages teams to adopt and adapt the starter design system locally with their own rituals, rather than relying only on tooling for governance.
Notable Quotes
"Design systems have always been a beginning, like a seed, and design ops basically serves as the nurture."
"For a design system to be effective, it should be available to both designers and developers as a matching set in their native formats."
"Sometimes different teams use different tools, so you might need a design system for Sketch for one team and for Figma for another."
"If you pick a design system based on big brands and mix them over time, you end up with 'Franken design'—a lack of cohesion."
"Patterns are more valuable than just components because they help quickly put together a whole experience or flow."
"With Indigo Design, changing the primary color automatically updates the whole palette in seconds."
"You’re just a few clicks away from having a fully running Angular app in your browser based on your design."
"The handoff transforms absolute layouts into responsive flex layouts, so you don’t copy screens for different sizes anymore."
"Designers and developers should continue using tools they love, but connected through workflows that bridge their worlds."
"Investing your time in improving the process is better than discussing if something is off by a pixel or color."
Dig deeper—ask the Rosenbot:
More Videos
"We scaled panels down to about 60 countries in 11 languages focusing on markets important to Airbnb teams."
Wyatt HaymanGlobal Research Panels (Videoconference)
August 8, 2020
"Naming things is the hardest thing; it’s an ongoing process involving components, their parts, and properties."
PJ Buddhari Nate BaldwinMeet Spectrum, Adobe’s Design System
June 9, 2021
"Government often moves slowly and struggles to communicate future intent amid short-term sustainability concerns."
Sarah GallimoreInspire Progress with Artifacts from the Future
November 18, 2022
"UX directors often feel like this poor person in the middle here getting pulled in all these directions."
Peter MerholzThe Trials and Tribulations of Directors of UX (Videoconference)
July 13, 2023
"Semiotics allows us to decode cultural shifts and understand where gender inequalities are embedded beneath the surface."
Dr. Jamika D. Burge Mansi GuptaAdvancing the Inclusion of Womxn in Research Practices (Videoconference)
September 15, 2022
"Pair designers so they review each other's work to reduce risk before going to stakeholders."
Amy MarquezINVEST: Discussion
June 15, 2018
"If you remove death in a game like Dark Souls, the game breaks — death is part of the challenge and fun."
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
"A kickback is a free flowing and life giving gathering that transforms and electrifies throughout the night."
Zariah CameronReDesigning Wellbeing for Equitable Care in the Workplace
September 23, 2024
"Inclusive design is a process involving neurodivergent people at every stage, not just an outcome."
Jessica NorrisADHD: A DesignOps Superpower
September 9, 2022
