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
-
•
The tool offers a collaborative workspace for designers and developers to streamline their workflow.
-
•
Designers can create using familiar tools (Sketch, XD) and easily transform these designs into code.
-
•
The system exports clean, professional-grade code structured for further development without needing manual interventions.
-
•
Live documentation is available to assist developers with extending components and implementing custom logic.
-
•
Version control is integrated via GitHub, which allows teams to manage updates and changes efficiently.
Notable Quotes
"We are not expecting developers to come in here. They shouldn't have to copy and paste anything."
"One click, I am basically skinning this entire application."
"When you're previewing this code directly in the browser, it looks professional, it looks polished."
"The components are designed in a way that says the components know how to handle theming and styling."
"We are making sure it’s ready to run, with everything in the right structure."
"If you make a change, the developer just has to switch to a different branch to see the new version."
"We're showing you exactly how the code is generated and how you can manage it together."
"Every layer we are just adding something extra for a different audience, that's the goal of our workflow."
More Videos
"Navigating the organization takes time and effort; understanding stakeholder dynamics is crucial."
Julie Gitlin Esther RaiceDesign as an Agent of Digital Transformation at JPMC
June 9, 2021
"The acknowledgment and validation of experiences can go a long way in cultivating trust and safety among teams."
Rachael Dietkus, LCSW Uday Gajendar Dr. Dawn Emerick Dawn E. Shedrick, LCSWLeading through the long tail of trauma
July 13, 2022
"People who say you should write a book probably don't understand the process."
Louis RosenfeldCoffee with Lou: Should You Write a (UX) Book?
March 7, 2024
"The speed of change in technology and citizen expectations are drastically different these days than they were 20 years ago."
Sarah GallimoreInspire Progress with Artifacts from the Future
November 18, 2022
"You can prototype a side experience or just a small individual UI component."
John DonmoyerShipping your code generation experiments to production
June 11, 2025
"The stories you'll hear today reflect the world we live in and the concept of resilience."
Bria AlexanderTheme 1 Intro
September 23, 2024
"We realized that we reached this stage about two years ago."
JJ KercherA Roadmap for Maturing Design in the Enterprise
June 15, 2018
"Through the expertise of our speakers and your engagement, we forge the future of our industry"
Bria AlexanderTheme Two Intro
September 8, 2022
"I'm a designer and prototyper focusing on building empowering interfaces."
Lukas Moro“Feels Like Paper!”: Interfacing AI through Paper
June 11, 2025
