Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

10 key mistakes the Design Systems team makes a...

Avatar for Anil Kumar krishnashetty Anil Kumar krishnashetty
September 29, 2021
Design
280
1

10 key mistakes the Design Systems team makes and how to avoid them?

Avatar for Anil Kumar krishnashetty

Anil Kumar krishnashetty

September 29, 2021

More Decks by Anil Kumar krishnashetty

See All by Anil Kumar krishnashetty
Enhance Developer Experience by community - Dublin DevRel Meetup
Avatar for Anil Kumar krishnashetty anilkumar
0
60
Unlocking a world of accessibility: how internationalization is the key
Avatar for Anil Kumar krishnashetty anilkumar
0
90
Enhance Developer Experience by community - Code.talks 2023
Avatar for Anil Kumar krishnashetty anilkumar
0
140
Internationalization(i18n) of your Next.js 13 apps using i18next - enterJS 2023
Avatar for Anil Kumar krishnashetty anilkumar
0
130
Enhance Developer Experience by community
Avatar for Anil Kumar krishnashetty anilkumar
0
39
DX IS NOT THE SAME AS UX
Avatar for Anil Kumar krishnashetty anilkumar
0
67
10 Key Mistakes In Your API Docs and How to Avoid Them - API conference 27th April 2023
Avatar for Anil Kumar krishnashetty anilkumar
0
45
DESIGN-STAGE LOCALIZATION
Avatar for Anil Kumar krishnashetty anilkumar
0
43
why-pair-programming-is-the-best-usability-testing-technique
Avatar for Anil Kumar krishnashetty anilkumar
1
84

Other Decks in Design

See All in Design
日経電子版を支えていく Kasane Design System
Avatar for Taito Tanaka taitotnk
0
340
いいUIとは？初心者向けに事例をもとにUIデザインを分解
Avatar for 原 佑一｜クリエイティブディレクター yuichi_hara7
13
6.6k
RawrXD: The Sword
Avatar for Sean Natarajan seanvraj_arts
0
110
Decksh keywords
Avatar for Anthony Starks ajstarks
0
140
ISO 9241-171:2025っていうのがあってな
Avatar for Shoji Ohashi shosira
1
310
明日から真似できる、AIでデザインシステムを活用する方法
Avatar for viviON vivion
0
660
The Art of Caring
Avatar for Klemens klemens
0
460
ポートフォリオ_あやの
Avatar for ayano ngyenmazt1412
0
1.8k
デザイン組織の"次の"強みづくり
Avatar for 井斉花織（いおり） isaikaori
2
270
開発・制作におけるUI・UXデザインの重要性について～UI・UXデザインってなんだろう～
Avatar for yomogi_sakura yamasaku
0
220
インターンから2年 新卒フロントエンドエンジニアから見た サイボウズのアクセシビリティ
Avatar for tak taku10101
0
150
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
570

Featured

See All Featured
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
520
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
660
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
23k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
1
370
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.9k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
850
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.5k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
540
エンジニアに許された特別な時間の終わり
Avatar for watany watany
109
250k

Transcript

  1. 10 key mistakes the Design Systems team makes and how

    to avoid them? By ANIL KUMAR @anilbms75
  2. None
  3. None

  4. Experience

  5. Contentful Contentful Web app Customers/ Partners Custom app Developer Content

    creators /editors Websites

  6. 1. Documentation Image source: Unsplash

  7. Documentation is not for just you, its for your consumers

  8. None

  9. 2. Getting started Image source: Unsplash

  10. Source: reactjs.org/docs/getting-started.html

  11. Time for value Source: f36.contentful.com/

  12. Source: chakra-ui.com/docs/form/icon-button

  13. Stripe friction logs technique Source: Suz Hinton shoptalkshow.com/409/#t=08:34

  14. Onboarding Image source: Unsplash

  15. Chakra onboarding Source: chakra-ui.com/docs/getting-started

  16. 3. Feedback Image source: Unsplash

  17. GitHub issue is not the only way to receive Feedback

    Image source: Unsplash

  18. Next Js Documentation Feedback Source: nextjs.org/docs

  19. Google Cloud Docs Feedback

  20. 4. Purpose

  21. Source: twitter.com/ashlie/status/1425506038506147840

  22. Source: twitter.com/ashlie/status/1425506038506147840

  23. Source: design.gitlab.com/

  24. 5. Beyond UI Image source: Unsplash

  25. “People don’t want a quarter-inch drill. They want a quarter-inch

    hole.” - Theodore Levitt Jobs to be done of your consumer Image source: Unsplash
  26. None
  27. None

  28. 6. Design systems entropy Image source: Unsplash

  29. Single source of truth Image source: thenounproject

  30. 7. Contribution Image source: Unsplash

  31. Consumer VS contributor Image source: Unsplash

  32. Contributions from outside Source: seek-oss.github.io/braid-design-system/guides/contribution/

  33. Ways to contribute Source: mantine.dev/contribute/

  34. Clear steps Source: hds.hel.fi/contributing/before-contributing

  35. Celebrate the contribution Source: github.com/contentful/forma-36

  36. 8. Layout Image source: Unsplash

  37. Commercetools UIKit Source: uikit.commercetools.com/

  38. Braid Design System Layout Source: seek-oss.github.io/braid-design-system/foundations/layout

  39. 9. Information architecture Image source: Unsplash

  40. Helsinki Design System Source: hds.hel.fi

  41. 10. Maintenance Image source: Unsplash

  42. Create new reusable components Image source: Unsplash

  43. Deprecate components Image source: Unsplash

  44. Pair Programming with your consumers Image source: Undraw

  45. Do You Have Any Questions? Image source: thenounproject

  46. Thanks Twitter: @anilbms75 Email: [email protected] Linkedin: linkedin.com/in/anilkrishnashetty