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
64
Unlocking a world of accessibility: how internationalization is the key
Avatar for Anil Kumar krishnashetty anilkumar
0
94
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
150
Enhance Developer Experience by community
Avatar for Anil Kumar krishnashetty anilkumar
0
46
DX IS NOT THE SAME AS UX
Avatar for Anil Kumar krishnashetty anilkumar
0
73
10 Key Mistakes In Your API Docs and How to Avoid Them - API conference 27th April 2023
Avatar for Anil Kumar krishnashetty anilkumar
0
49
DESIGN-STAGE LOCALIZATION
Avatar for Anil Kumar krishnashetty anilkumar
0
48
why-pair-programming-is-the-best-usability-testing-technique
Avatar for Anil Kumar krishnashetty anilkumar
1
90

Other Decks in Design

See All in Design
【Designship2026】「社内受託中心部署」から、事業とカルチャーを動かすデザイン組織へ
Avatar for sugiyama sugiyama_sukedachi
0
230
Jun Wei Portfolio 2026
Avatar for Wong Jun Wei wjw100788
PRO
1
410
デザインツールを開く前に その画面は誰に何と言わせたい？受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
Avatar for @Garyuten garyuten
1
280
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
Avatar for Ayumi Suzuki ayumidesign
0
280
AIが作るデザインの レビューコストと向き合って分かったこと. -正社員デザイナー1人の組織でデザインハーネスを立ち上げた話-
Avatar for 家高秀樹 hidekiietaka
1
330
個人理念（自分の言葉）の言語化ワークショップ
Avatar for 加来幸樹 SIGNCOSIGN kakukoki
1
450
Pra não dizer que não falei das flores...
Avatar for Viviane Delvequio videlvequio
0
160
Webブラウザで動く
VJツールをつくる
Avatar for akirafukuoka akirafukuoka
0
130
柔軟性のあるUIで、多くの環境でアプリを活躍させる/iOSDC26
Avatar for noppefoxwolf noppefoxwolf
0
1.8k
PLATEAUで白い街を作る
Avatar for aikautau aikautau
0
230
富山デザイン勉強会_生成AIを使ったデザイン制作2026最新版.pdf
Avatar for keita keita_yoshikawa
0
200
デザインレビューを「他者へのおすそわけ」に再定義し、たのしい場にする試み
Avatar for Beeworks Marketing Design webnaut
2
170

Featured

See All Featured
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
370
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
520
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
960
Design in an AI World
Avatar for tapps tapps
1
380
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.3k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
10
2.4k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
70
68k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
1k
Docker and Python
Avatar for Tania Allard trallard
47
4.2k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
550
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
63
47k

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