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."
Or choose a question:
More Videos
"When communities are engaged, conservation succeeds dramatically."
Alex Hurworth Bonnie John Fahd Arshad Antoine MarinDesigning a Contact Tracing App for Universal Access
October 23, 2020
"Investing in new practitioners is mutually rewarding; we learn from their fresh perspectives and reassess what we know ourselves."
Laine Riley Prokay Lisa GordonCarving a Path for Early Career DesignOps Practitioners
September 9, 2022
"Launching a design system is not a sprint, there’s no end, it’s always a continuous process."
Eniola OluwoleLessons From the DesignOps Journey of the World's Largest Travel Site
October 24, 2019
"The most important value delivered to customers is always the qualitative value—the emotional and experiential impact."
Nathan ShedroffDouble Your Mileage: Use Your Research Strategically
March 31, 2020
"Mobile devices not only have built-in screen readers but also pitch-to-zoom and magnification settings out of the box."
Sam ProulxMobile Accessibility: Why Moving Accessibility Beyond the Desktop is Critical in a Mobile-first World
November 17, 2022
"It’s important to socialize the research program internally so teams get excited and take initiative."
Feleesha SterlingBuilding a Rapid Research Program (Videoconference)
May 18, 2023
"Triple win cultural roles speak to what a company commits to, what users need, and wider cultural tensions."
Neil BarrieWidening the Aperture: The Case for Taking a Broader Lens to the Dialogue between Products and Culture
March 25, 2024
"You can’t measure long-term customer relationship value with short-term KPIs."
John DevanneyThe Design Management Office
November 6, 2017
"We decided to jump off the wall — it was scary but the opportunity was too big to pass up."
Katy MogalBut Do Your Insights Scale?
March 12, 2021