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
"The blueprint is really within all of us — all the things that have brought us to this moment should come to our teams."
Jennifer KanyamibwaCreating the Blueprint: Growing and Building Design Teams
November 8, 2018
"The skills involved in building and maintaining a repo aren’t necessarily those that researchers carry."
Brigette Metzler Dana ChrisfieldResearch Repositories: A global project by the ResearchOps Community (Videoconference)
August 27, 2020
"In many organizations, people believe the team from their functional area is their real team, not the cross-functional project team."
Carl TurnerYou Can Do This: Understand and Solve Organizational Problems to Jumpstart a Dead Project
March 28, 2023
"Connecting dots goes beyond just linking user experience; it’s about engagement with the organizational system."
John Mortimer Milan Guenther Lucy Ellis Patrick QuattlebaumPanel Discussion
December 3, 2024
"We don’t have all the answers; we’re in the thick of it all and actively learning just like you."
Dante GuintuHow to Crush the Talent Crunch
September 8, 2022
"Marketing and strategy are part of design."
Richard BuchananCreativity and Principles in the Flourishing Enterprise
June 15, 2018
"Michelle Wong took her outside consulting experience inside at PwC to design tools for contractors."
Dan WillisTheme 3: Intro
January 8, 2024
"The worst thing that could happen is we get cake — this encourages boldness."
Dan WardFailure Friday #1 with Dan Ward
February 7, 2025
"Participatory research always seems like something you’re either doing or not doing—but more often than not, not doing."
Chris GeisonTheme Two Intro
March 28, 2023