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
"Efficiency doesn’t necessarily reduce workload; being efficient can ironically result in burnout rather than leisure time."
Angelos ArnisNavigating the Rapid Shifts in Tech's Turbulent Terrain
October 2, 2023
"Spreadsheets might just be the best tool for everything in design ops."
John Calhoun Rachel PosmanBring your DesignOps Story to Life! The Definitive DesignOps Book Jam
October 3, 2023
"Turning the company’s view of design from tactical to strategic is like turning a super tanker—it takes a long, wide arc."
Alfred KahnA Seat at the Table: Making Your Team a Strategic Partner
November 29, 2023
"When you accept differences and adjust, you can learn what you’re capable of."
Dan WillisEnterprise Storytelling Sessions
June 3, 2019
"There is no magical tool that lets you scale designers the way you scale developers."
John Maeda Alison RandAbout Design Organizations (Videoconference)
May 13, 2019
"Engineers now ask better questions and make more informed design and technology decisions with the context we provided."
Anat Fintzi Rachel MinnicksDelivering at Scale: Making Traction with Resistant Partners
June 9, 2022
"Nobody wants to buy or use a sloppy product, especially when enterprise users engage daily for hours."
Uday GajendarThe Wicked Craft of Enterprise UX
May 13, 2015
"2020 was focused on resilience, collaboration challenges, burnout, and attrition during the pandemic."
Kristin SkinnerTheme 1 Intro
September 29, 2021
"The Colab team members didn’t just interview cleaners—they became cleaners for weeks to truly understand issues and design better policies."
Maish NichaniSparking a Service Excellence Mindset at a Government Agency
December 9, 2021
