$30 off During Our Annual Pro Sale. View Details »

How We Make The Design System

Jake Trent
April 03, 2019

How We Make The Design System

This was an experience report given to a Pluralsight audience, meant to increase understanding and appreciation of the Design System we made for ourselves by sharing a history of where it all started and how we came to the place we have. A similar talk meant for an external audience could be interesting, but would likely differ in content for sake of interest.

Jake Trent

April 03, 2019
Tweet

More Decks by Jake Trent

Other Decks in Technology

Transcript

  1. )PXXF UIF %&4*(/ Jake Trent Experience Summit 2019 4:45&.

  2. #FGPSF

  3. #VU OPX

  4. )PX

  5. #BDLXIFOZPVSHSBOEQBQQZ XBTTUJMMBMJWF

  6. 4PGSFTI

  7. *OEFQFOEFOUUFBNT

  8. %FTJHODPMMBCPSBUJPO

  9. 'MBWPSPGUIFEBZ

  10. None
  11. None
  12. 3FFOHJOFFSJOH

  13. 3FFOHJOFFSJOH

  14. %EEVQMJDBUFE

  15. l7BSJBUJPOTPOBUIFNFz

  16. 0OCSBOE

  17. (SPTTNJTSFQSFTFOUBUJPO

  18. $IBMMFOHFPGHSPXUI

  19. 5IF "XBLFOJOH

  20. l*OMBTUXFFL`TFQJTPEFz

  21. None
  22. None
  23. QTVJ

  24. 1SJPSBSU

  25. "MNPTUBMXBZT BEFTJHOTZTUFN PGGFSTBMJCSBSZPGWJTVBMTUZMFBOE DPNQPOFOUTEPDVNFOUFEBOE SFMFBTFEBTSFVTBCMFDPEFGPS EFWFMPQFSTBOEPSUPPM T GPS EFTJHOFST"TZTUFNNBZBMTPPGGFS HVJEBODFPOBDDFTTJCJMJUZ

    QBHF MBZPVU BOEFEJUPSJBMBOEMFTTPGUFO CSBOEJOH EBUBWJ[ 69QBUUFSOT BOE PUIFSUPPMT
  26. 5IF4UZMF(VJEF

  27. "DPNNPOpMUFS

  28. 5IF4UZMF(VJEF

  29. 1MBUGPSNUFBN

  30. %FTJHOPQT

  31. 4IBSFEEFTUJOZ

  32. "OFXCFHJOOJOH

  33. ,JDLPGGJOUFSWJFXT

  34. 5IFVOLOPXO 4UBOEBSE  4IBSJOH  $PVQMJOH  5FDI  &SHPOPNJDT

  35. None
  36. #BCZ`TpSTUDPNNJU .BZ

  37. None
  38. None
  39. 5PPMJOH 4JUF #VUUPO $PSF *OJUJBMGPDVTFT

  40. *UFSBUJPOT

  41. #MBDLCPYNPEVMFT

  42. $44JO+4

  43. 5FDIDIPTFO

  44. &BTFPGVTF

  45. None
  46. "EPQUJPO

  47. l8BUFS`THSFBUz

  48. (SPX PSHBOJDBMMZ

  49. $VSSFOUOFFET *DPO 5BH $BSE

  50. 3FRVFTUTSFQPSUT

  51. 'JOEWBMVF

  52. 8FMPWFBEPQUJPO

  53. 4DBMF

  54. $POUSJCVUJPO

  55. $POUSJCVUJPO

  56. $POUSJCVUJPO DPOUSJCVUPST

  57. None
  58. &OUJSFDPNQPOFOUT

  59. 3FBDUIBTHSBWJUZ

  60. 5IFSFJTBOPUIFS 7VF +4 "OHVMBS

  61. l$PXBCVOHBz

  62. l&I OPUXPSUIJUz

  63. None
  64. "TJEFPG$44

  65. "TJEFPG$44 NNN  IBTFOQGFGGFS

  66. $PNQPOFOUVTBHF $44POMZVTBHF

  67. #FZPOEDPNQPOFOUT

  68. 5IF%BTI

  69. 5IF%BTI

  70. .PTUQPQVMBS

  71. -FBTUQPQVMBS

  72. $IBTJOHQBSJUZ

  73. %BJMZTVQQPSU

  74. 5JNFUPBVHNFOU

  75. 1MBUGPSN

  76. 3FNPUFUFBN

  77. 5FBNDIBSUFS

  78. *OUPUIFGVUVSF &YQBOTJPO "DDFTTJCJMJUZ .PCJMF 1FSG

  79. 5FBNT $PNQPOFOUT 6TBHFT 3FGTJUFTUZMFT $POUSJCVUPST 4P 'BS

  80. None