I updated and improved my original slide deck on Design Systems presented at ISTA last year to introduce the concept to scrum masters, POs, agile coaches and a few designers at the ACE! Conference in Krakow, Poland.

2. The true purpose of
design systems

3. Stefan Ivanov
Sr UX Architect @ Infragistics
Ignite UI for Angular
Indigo.Design
Speaker
UX Educator
Entrepreneur @ ♥

4. “A set of connected patterns and
shared practices, coherently
organized to serve the purposes
of a digital product”
Alla Kholmatova

5. Consistency
Clarity
Efficiency
Beauty
Uniformity
Utility
Coherence
Time Savings
Brand Unity at Scale
Teamwork
Collaboration
Trust
Design Systems

6. Design Systems

7. Styles / Branding
UI Symbols / Kits
Customization
UI controls
Guidance

8. Alla Kholmatova
“A set of connected patterns and
shared practices, coherently
organized to serve the purposes
of a digital product”

9. What is your definition
for design?

10. a process

11. a systematic process

12. Design Systems
Provide a repeatable process with predefined
steps that allows us to
iterate . . experiment . . . fail
faster as we craft and validate viable digital
solutions to a problem

13. Agile

14. UX
VD
Agile

15. UX
VD
PO
Agile

16. UX
VD
PO
DEV
Agile

17. Alla Kholmatova
“A set of connected patterns and
shared practices, coherently
organized to serve the purposes
of a digital product”

18. Styles / Branding
UI Symbols / Kits
Customization
UI controls
Guidance
Prototyping and Usability Studies
Generation of code assets
More coming
+P
+G

19. Design system
for Sketch
Prototypes &
usability studies
Generate code
for Angular app
Customization
Styles & Branding
UI symbols
Prototyping
Usability Tests UI controls
Code Assets
…
Guidance
Guidance

20. Brad Frost
“Atoms combine together to
form molecules, which further
combine to form organisms”

21. With subatomic
pieces
Colors
Elevations
Typographies

22. “Rather than
making small
tweaks, you can
affect it in
much more
profound ways.”
Alla Kholmatova

23. Stefan_Ivanov
indigodesign