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
"Innovators can listen to what is unsaid."
John MaedaMaking Sense of Enterprise UX
June 9, 2016
"The way to think about it is in a simple way: how do we support this thinking style?"
Indi YoungThinking styles: Mend hidden cracks in your market
January 8, 2025
"Developing deep customer empathy is fundamental to understanding who is using a product and why."
Chris ChapoData Science and Design: A Tale of Two Tribes
May 13, 2015
"Effective teams integrate across silos to enhance productivity."
Elizabeth ChurchillExploring Cadence: You, Your Team, and Your Enterprise
June 8, 2017
"We have to make sure that we are being mindful and inclusive."
Rusha SopariwalaRemote, Together: Craft and Collaboration Across Disciplines, Borders, Time Zones, and a Design Org of 170+
June 9, 2022
"The design industry is primed for a movement towards ethical practices and accountability."
George AyeThat Quiet Little Voice: When Design and Ethics Collide
November 16, 2022
"Resilience is about maintaining self needs and effectiveness at moments of change, tough demands, and adversity."
Ariba JahanTeam Resiliency Through a Pandemic
January 8, 2024
"This isn’t just about design; this is about enabling clients to succeed."
Julie Gitlin Esther RaiceDesign as an Agent of Digital Transformation at JPMC
June 9, 2021
"As designers, we can decide what data is required for our applications to work."
Matteo GrattonCan Data and Ethics Live Together?
October 1, 2021
