Building a design system

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

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.