Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building a design system

A6679d91db1449741ed55c061f981b02?s=47 numata
January 25, 2019

Building a design system

デザインシステム開始時に全社共有した資料です

A6679d91db1449741ed55c061f981b02?s=128

numata

January 25, 2019
Tweet

More Decks by numata

Other Decks in Design

Transcript

  1. رؠ؎ٝءأذي⡲׶תׅ ⓒ 2019 atama plus Inc.

  2. 胜兝 • 堣腉ָ㟓ִגֹג⦐➂ך鎸䥉׾걾׶חرؠ؎ٝ׾窟♧ׅ׷ךכא׵ְ • رؠ؎ش٦ָ㟓ִծז׈ֿךرؠ؎ٝחז׏גְ׷ךַ嫣䏝ׅ׶さ׻ׇ׾׃ גְ׷ • ث٦يⴓⶴח״׶ծٗ٦ٕ׾馄ִגرؠ؎ٝ嗚鎢ׅ׷堣⠓ָ㟓ִ׷ ֿךתת׌הծ獘䎷ךזְفٗتؙزחז׏ג׃תֲ رؠ؎ٝח獘䎷׾

    ⓒ 2019 atama plus Inc.
  3. رؠ؎ٝءأذي׾⡲׶תׅ رؠ؎ٝءأذيהכծ鋔鋙涸ז׮ך׌ֽדכזֻծ陽锷ח䗳銲זرؠ؎ٝך䭷 ꆙװծ穈籼Ⰻ⡤חֶֽ׷؟٦ؽأⰋ⡤ךⰟ鸐鎉铂ָתהת׏גְ׷׮ךկ Ⱗ⡤涸חכ • رؠ؎ٝ⾱⵱ • أة؎ٕ • 6*ػة٦ٝ

    זוזוָろת׸׷ ⓒ 2019 atama plus Inc.
  4. رؠ؎ٝءأذي׾⡲׶תׅ رؠ؎ٝءأذيהכծ鋔鋙涸ז׮ך׌ֽדכזֻծ陽锷ח䗳銲זرؠ؎ٝך䭷 ꆙװծ穈籼Ⰻ⡤חֶֽ׷؟٦ؽأⰋ⡤ךⰟ鸐鎉铂ָתהת׏גְ׷׮ךկ Ⱗ⡤涸חכ • رؠ؎ٝ⾱⵱ • أة؎ٕ • 6*ػة٦ٝ

    זוזוָろת׸׷ ⓒ 2019 atama plus Inc.
  5. رؠ؎ٝ⾱⵱ BUBNBהְֲفٗتؙزך湡涸׾麦䧭ׅ׷׋׭ծו׿זرؠ؎ָٝ葺ְرؠ؎ ٝזךַ僇俑⻉׃׋׮ך Trello https://blog.trello.com/introducing-nachos-a-tasty-new-design-system-for-trello ⓒ 2019 atama plus Inc.

  6. أة؎ٕ 葿ծة؎هؚٓؿ؍ծ⡭涯ծ ،صً٦ءّٝזוזו ְאծו׿ז׮ך׾⢪ֲַ鋉㹀 Atlassian https://www.atlassian.design/guidelines/product/foundations/color ⓒ 2019 atama plus

    Inc.
  7. 6*ػة٦ٝ نةٝծةـծذ٦ـٕծ ًصُ٦זוזו ְאծו׿ז׮ך׾⢪ֲַ鋉㹀 Atlassian https://www.atlassian.design/guidelines/product/components/buttons ⓒ 2019 atama plus

    Inc.
  8. رؠ؎ٝءأذيח״׏גֿ׿זְְֿהָ • 堣腉ָ㟓ִגֹג⦐➂ך鎸䥉׾걾׶חرؠ؎ٝ׾窟♧ׅ׷ךכא׵ְ ̔乼⡲ח♧顐䚍׾䭯׋ׇ׵׸׷ • رؠ؎ش٦ָ㟓ִծז׈ֿךرؠ؎ٝחז׏גְ׷ךַ嫣䏝ׅ׶さ׻ׇ׾׃ גְ׷ ̔䠐䙼寸㹀ך䭷ꆙָ֮׷הـٖ׆ծ陽锷ך儗꟦׮瀉ֻז׷ • ث٦يⴓⶴח״׶ծٗ٦ٕ׾馄ִגرؠ؎ٝ嗚鎢ׅ׷堣⠓ָ㟓ִ׷

    ̔Ⱏ鸐鎉铂ח㛇בְג铩׮ָرؠ؎ٝחאְג鑧ֿׅהָדֹ׷״ֲח ⓒ 2019 atama plus Inc.
  9. ֶ격ְ رؠ؎ٝ⾱⵱כٕؕثٍ٦ח鵚ְ׮ך ٕؕثٍ٦ 僇俑⻉ׅ׷ֿהח״׏ג傈ղך崞⹛ח⿾僥ׁ׸׷ رؠ؎ٝ⾱⵱ 僇俑⻉ׅ׷ֿהד؟٦ؽأⰋ⡤ח⿾僥ׁ׸׷ ׫׿זד⡲׏גְֻ׮ךזךדծؔ٦فٝח⹛ְגְֹתׅ 陽锷פך⿫⸇׮㣐姝鵒דׅ״׹׃ֶֻ격ְ׃תׅ ⓒ 2019

    atama plus Inc.