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
"The earlier you consider inclusion, the less costly it is."
Samuel ProulxInvisible barriers: Why accessible service design can’t be an afterthought
December 3, 2024
"Challenge yourself to open up to the possibilities of transformation."
Victor UdoewaTheme One Intro
March 27, 2023
"Integrating an ROI strategy means gaining credibility in early product development processes."
Gonzalo GoyanesDesign ROI: Cover a Little, Get a Lot
September 8, 2022
"Harms often accrue at the societal level rather than to individuals."
Alexandra SchmidtWhy Ethics Can't Save Tech
November 18, 2022
"Surround yourself with people that will help amplify your impact."
Jose CoronadoFrom Zero to Hero
September 8, 2022
"I'm paving the path for neurodiversity in design."
Pippa LomasPaving the Path for Neurodiversity in Design
October 4, 2023
"It’s important to build enthusiasm around climate solutions to inspire action."
Louis Rosenfeld Matt Jones Olga Khroustaleva Michael Leggett Karol MunozDo you want to work on climate? (Climate UX Discussion Series)
November 15, 2023
"When we staff properly, we see faster iteration and better productivity."
Jeff GothelfThe Intersection of Lean and Design
January 10, 2019
"Design canvases sort of almost self-facilitate because it's a design concept that tries to embed some of the facilitation into the tool."
Dave GrayGroup Activity: Making Sense of DesignOps
November 7, 2017
