Rosenverse

This video is only accessible to Gold members. Log in or register for a free Gold Trial Account to watch.

Log in Register

Most conference talks are accessible to Gold members, while community videos are generally available to all logged-in members.

Design Systems To-Go: Introducing a Starter Design System, and Indigo.Design Overview (Part 1)

Gold
Thursday, September 30, 2021 • DesignOps Summit 2021
Share the love for this talk
Design Systems To-Go: Introducing a Starter Design System, and Indigo.Design Overview (Part 1)
Speakers: George Abraham and Stefan Ivanov
Link:

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

  • Building and maintaining a custom design system often requires a dedicated team and significant overhead, which can be a deal breaker for small teams or agencies.

  • Many organizations end up with a Frankenstein design by mixing elements from various popular design systems without cohesion.

  • Indigo.Design offers a white-label, customizable starter design system aiming to fit diverse niches and verticals.

  • Matching design and developer toolkits in native formats (Sketch, XD, Figma, Angular) creates smoother workflows and reduces handoff friction.

  • The Indigo.Design plugin allows real-time theme customization, generating entire color palettes and typography schemes from base inputs.

  • The system automatically converts absolute design layouts into responsive flex layouts during handoff to save designers and developers time.

  • Cloud-based prototyping enables pixel-perfect sharing, stakeholder feedback, and integrated usability testing with video recording.

  • Open-source style hooks and fully accessible source code empower developers to localize and customize UI for different regions and languages.

  • A major goal is to eliminate wasteful debates over pixel-level differences by automating fidelity in design-to-code translation.

  • Indigo.Design does not seek to replace existing tools like Zeplin or InVision but to complement design and developer toolchains with integrated capabilities.

Notable Quotes

"Design systems has always been a beginning, like a seed, and design ops basically serves as the nurture."

"For a design system to be effective, it should be available to both designers and developers as a matching set and in a format that is native to each discipline."

"Sometimes different teams use different tools, so you may need a design system for Sketch for one team but then for XD for another."

"You end up with something which I call Franken design because it’s kind of a mix and match of many different things, but it’s anything but a real design system."

"We try to provide a lot more patterns because for newbie designers or product owners, patterns help them put together flows quickly."

"With the Indigo.Design plugin, you can profoundly change how the whole design system looks by just tweaking primary or secondary colors."

"Once you use Indigo.Design in Sketch or XD, you’re just a few clicks away from having a running Angular app based on our developer toolkit."

"Our handoff process turns absolute layout into a flex layout structure, so you get responsiveness out of the box without copying screens for each size."

"Final versions often do not look exactly like the original design, so we want to invest our time in process improvement, not arguing over pixels."

"You want designers to use the UI kit like any other UI kit, and developers to modify the code they’re familiar with, all matched perfectly."

Ask the Rosenbot
Lada Gorlenko
Theme 2 Intro
2022 • Design at Scale 2022
Gold
Amy Thibodeau
Opening Keynote: Process and Ambiguity
2019 • DesignOps Summit 2019
Gold
Shipra Kayan
How Tess Dixon Facilitates Team Engagement and Collaboration at Condé Nast Using Miro 
2021 • DesignOps Summit 2021
Gold
Dave Hoffer
UX Job Search AMA #2 with Joanne Weaver and Dave Hoffer
2025 • Rosenfeld Community
Tracy McGoldrick
IBM User Experience Program—The What, Why and How
2021 • Advancing Research Community
Jane Davis
Strategic Shifts and Innovations in User Research: Navigating Challenges and Opportunities
2025 • Advancing Research 2025
Gold
Bram Wessel
Enterprise Information Architecture
2020 • Enterprise Community
Ivana Ng
Level Up Your Program with ProductOps
2024 • Enterprise Experience 2020
Gold
Sam Proulx
SUS: A System Unusable for Twenty Percent of the Population
2021 • DesignOps Summit 2021
Gold
Dave Malouf
The Past, Present, and Future of DesignOps: a 2-part DesignOps Community Call (Part 2)
2022 • DesignOps Community
Christian Rohrer
Research Operations at Scale
2017 • DesignOps Summit 2017
Gold
Chris Hammond
Embedding sustainability into enterprise design and development: A journey towards "sustainability consciousness"
2025 • Climate UX Interest Group
Allan Lowson
Rehashing the Double Diamond: Collaborating across functions with AI-assisted prototyping
2026 • Designing with AI 2026
Conference
Bethany Brown
Rewiring operations with service design and AI
2025 • Advancing Service Design 2025
Gold
How to Identify and Increase your "Experience Quotient"
2018 • Enterprise Experience 2018
Gold
Jemma Ahmed
Research at an inflection point: Adapting to a new era of collaboration, equity, and innovation
2025 • Advancing Research 2025
Gold

More Videos

Joseph Williams

"There is a lack of clarity about what’s really needed for entry level roles — every job seemed to want a unicorn."

Joseph Williams Nepani Birondo Matt Readman Allison Ngo

Unlocking impact and influence through inclusive hiring in research

December 16, 2021

Bria Alexander

"Midday panel brings together Corey, Deanna, Laura, and Lane to talk about everything wonderful so far in the day."

Bria Alexander

Theme 1 Intro

September 23, 2024

Erin Weigel

"An accessible product is not only the right thing to do, it’s also good for business."

Erin Weigel

Real-world lessons to improve your conversion rates

June 26, 2024

Jacqui Frey

"Change requires more than a single vision or a few projects; it takes careful orchestration throughout the organization."

Jacqui Frey Alison Rand

Setting the Table for Dynamic Change

October 24, 2019

Kate Towsey

"Campfires are tribal, engaged knowledge spaces, libraries are corporate buildings, organized and curated."

Kate Towsey Jake Burghardt

ResearchOps AMA with Kate Towsey & Jake Burghardt

October 16, 2025

Maish Nichani

"The service center redesign with IDEO turned a crowded, intimidating place into a five-star hotel experience with name calls and family cabanas."

Maish Nichani

Sparking a Service Excellence Mindset at a Government Agency

December 9, 2021

Yunyan Li

"Rapid low-fidelity prototypes let us get quick feedback without stakeholders focusing on minor visual details."

Yunyan Li Anna Le Jen Kim

UX Best Practices

June 11, 2021

Bria Alexander

"Yesterday was a lot of fun, but today is going to be even more fun."

Bria Alexander

Opening Remarks

June 10, 2021

Dantley Davis

"You need to ask, who are you excluding in the conversation? That’s the disservice to empathy."

Dantley Davis

Leadership & Diversity—A Fireside Chat with Dantley Davis

September 17, 2020