10. x Features
Idea Design DevelopmentPrototyping TestUX Test
Idea Design DevelopmentPrototyping TestUX Test
Idea Design DevelopmentPrototyping TestUX Test
Idea Design DevelopmentPrototyping TestUX Test
Idea Design DevelopmentPrototyping TestUX Test
Idea Design DevelopmentPrototyping TestUX Test
23. Design system
Universal Windows Platform
Google Material
IBM Design Language
Lightning by Saleforce
Mailchimp patterns
…
bit.ly/ds-arch - Design systems arch
design-systems.slack.com 2k+
25. Pros
One concept and common terms
The same language in the team
Ready to use components for design and development
Common assets
Simple things are made easy
Сomplex things are made difficult
Possibility to minimise design variations
30. Keep design
and code
in sync
214 views
Button
Test Project
Text
Illustration
Input
Search for com
...register__button ...egister__button ...register__button
...register__form ...register__input …register__input
...register__form ...register__input …register__input
theprotein.io
31.
32.
33. Cons
Base components change very rarely
Uncomfortable working with the composite components
Doesn’t update components in the existing design
Too much design review in PR’s for developers
Alternatives with the same ideas