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
"Look for patterns; some of those are repeating."
Jacqui FreyFlow and Superfluidity for Design Orgs
November 7, 2018
"To foster engagement, using emojis and gifs can add the tone and body language that are often missed in text."
Laura Gatewood Laine ProkayBeyond Buzzwords: Adding Heart to Effective Slack Communication
September 23, 2024
"Research was completely evaluative and tactical, which bored the product teams."
Johanna KollmannInsights-Driven Product Strategy: Get your Research to Count
December 6, 2022
"If you have a question for a specific speaker, every talk is going to have a thread associated with them."
Bria AlexanderDay 3 Welcome
September 25, 2024
"A great design solution for a poorly defined problem is infinitely worse than an average solution applied to a well-defined problem."
Billy CarlsonIdeation tips for Product Managers
December 6, 2022
"Don’t underestimate the power of storytelling in conveying users’ needs to stakeholders."
Catherine DubutBridging Physical and Digital Spaces: Approaches to Retail Service Design
March 18, 2021
"Values-driven design Ops cultivates the sense of belonging within teams."
Kim Holt Emma Wylds Pearl Koppenhaver Maisee XiongA Salesforce Panel Discussion on Values-Driven DesignOps
September 8, 2022
"Almost every product manager or developer... has a bad story about working with designers."
Adrian HowardSturgeon’s Biases
September 25, 2024
"We learned to better work more synchronously as opposed to having a meeting for everything."
Asia HoePartnering with Product: A Journey from Junior to Senior Design
November 29, 2023
