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

  • Design systems need to bridge the gap between designers and developers.

  • A successful design system must be tailored to the needs of both disciplines.

  • The starter design system concept serves as an entry point for organizations.

  • Maintaining a design system often requires dedicated resources, which can be a burden for small teams.

  • Customizability is critical—having flexible elements allows teams to adapt efficiently to their brand’s needs.

  • Design tools like Indigo Design provide built-in functionality for quick prototyping and user feedback.

  • Creating a consistent look and feel across various products helps avoid 'Franken designs.'

  • Tools should not compete but complement existing workflows and design processes.

  • Responsive designs can be achieved through intelligent layout techniques instead of pixel-perfect adjustments.

  • Scalability across regions and languages can be managed using theme options and modular components.

Notable Quotes

"For a design system to be effective, it should be available to both designers and developers as a matching set."

"Is it better to build your own design system or use an existing one? Both have challenges."

"Over time, maintaining a design system often requires a full team, which can become a big overhead."

"You may need a design system for Sketch for one team but for Adobe XD for another."

"Often, you end up with something I call 'Franken design,' which is a mix of different systems and lacks cohesion."

"We provide more patterns for quick assembly of screens, which are valuable for novice designers."

"If you're looking at others like Spotify or Microsoft, be cautious as their frameworks may not fit your needs."

"Our goal is to create a seamless handoff process between design and development."

"With our cloud capabilities, we enable quick prototyping and user testing."

"You can define different themes for different regions, customizing font sizes and layouts accordingly."

More Videos

Jacqui Frey

"Look for patterns; some of those are repeating."

Jacqui Frey

Flow and Superfluidity for Design Orgs

November 7, 2018

Laura Gatewood

"It's about how you want your recipients to feel when they receive your message."

Laura Gatewood Laine Prokay

Beyond Buzzwords: Adding Heart to Effective Slack Communication

September 23, 2024

Johanna Kollmann

"You can facilitate space for developing insights through collaborative analysis techniques."

Johanna Kollmann

Insights-Driven Product Strategy: Get your Research to Count

December 6, 2022

Bria Alexander

"Please read our code of conduct to ensure a respectful environment."

Bria Alexander

Day 3 Welcome

September 25, 2024

Billy Carlson

"Don't get stuck in the refinement stage too early."

Billy Carlson

Ideation tips for Product Managers

December 6, 2022

Catherine Dubut

"When expectations are low for process, it’s the perfect opportunity to rifle through new approaches."

Catherine Dubut

Bridging Physical and Digital Spaces: Approaches to Retail Service Design

March 18, 2021

Kim Holt

"At Salesforce, our values are at the core of what we do."

Kim Holt Emma Wylds Pearl Koppenhaver Maisee Xiong

A Salesforce Panel Discussion on Values-Driven DesignOps

September 8, 2022

Adrian Howard

"Those voices in a community of practice are not equally prominent."

Adrian Howard

Sturgeon’s Biases

September 25, 2024

Asia Hoe

"I taught myself graphic design and HTML and CSS, and that choice to be on Neopets in my space at the time really launched my career as a designer."

Asia Hoe

Partnering with Product: A Journey from Junior to Senior Design

November 29, 2023