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
"Embrace the people who love you and focus on the fence sitters."
Discussion
June 9, 2017
"Daniel will talk about being resilient in our day jobs and co-creating operating models."
Bria AlexanderTheme 1 Intro
September 23, 2024
"We have the top quality rate in the space for participants."
Benjamin Wiedmaier Annie MayfieldRedefining Toolkits: Unbundling to Create a Perfect Match
March 11, 2025
"It's not just about the design; design and product need to collaborate effectively."
Eniola OluwoleLessons From the DesignOps Journey of the World's Largest Travel Site
October 24, 2019
"Using tools like the mirror app helps validate community voices."
Justin Entzminger Terrance Smith Tracy M. Colunga Mai-Ling GarciaRisk and Reward: How to Diversify the Field of Civic Innovators and Designers
November 17, 2022
"Welcome to day three of Design Ops Summit 2023."
Bria AlexanderOpening Remarks
October 4, 2023
"When you onboard somebody new, give them a journal."
Holly ColeUnderstanding Experiences: When you have to do more than work
November 8, 2018
"Context is not a container; it's a dynamic construct that shapes human experiences."
Mohammad Hossein JarrahiContextuality problem: Exploring the Benefits of Qualitative and Quantitative Research
January 20, 2023
"Understanding the difference between all these data streams is crucial."
Brad Peters Anne MamaghaniShort Take #1: UX/Product Lessons from Your Industry Peers
December 6, 2022
