Atomic Design 㨠Figma ã®çµ„ã¿åˆã‚ã›ã§ãƒ‡ã‚¶ã‚¤ãƒ³ãŒä¾¿åˆ©ã«ãªã‚‹ï½œãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®ä½œã‚Šæ–¹ï½œã‚¹ãƒžãƒ¼ãƒˆã‚ャンプ　デザインブãƒã‚°ã¾ã 開発ä¸ã®ã‚µãƒ¼ãƒ“スã§ã™ãŒã€ã“ã®Biscuet（ビスケット）ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®è€ƒãˆæ–¹ã‚’紹介ã—ã¦ã„ãã¾ã™ã€‚ 上記ã®ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ï¼ˆLP）ã®ä½œæˆãƒ—ãƒã‚»ã‚¹ã‚‚éŽåŽ»ã«ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚æ°—ã«ãªã‚‹æ–¹ã¯ã‚ã‚ã›ã¦ãŠèªã¿ãã ã•ã„。 Figma 㨠Atomic Design ã®æŽ¡ç”¨ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ールã¯ã€ŒFigmaã€ã€è€ƒãˆæ–¹ã¯ã€ŒAtomic Designã€ã‚’採用ã—ã¾ã—ãŸã€‚ Atomic Designをデザインã«è½ã¨ã—込む際ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå˜ä½ã§ã®ç®¡ç†ãŒã—ã‚„ã™ã„FigmaãŒä¾¿åˆ©ã ã¨è€ƒãˆã¾ã—ãŸã€‚ Figmaã«é–¢ã™ã‚‹è¨˜äº‹ã«ã¯ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚„テンプレートãªã©ã®å†…容ã¯å¤šã見ã‹ã‘ã¾ã™ãŒã€å®Ÿå‹™ã§ã®æŽ¡ç”¨ãƒ»é‹ç”¨ã‚’主ã«ã—ãŸè¨˜äº‹ã¯å°‘ãªã„ãŸã‚ã€ã‚¹ãƒžãƒ¼ãƒˆã‚ャンプã§ã®ä¾‹ã‚’紹介ã—ã¾ã™ã€‚ ※本記事内ã§ç´¹ä»‹ã™ã‚‹ç”»é¢ã‚ャプãƒãƒ£ã¯é–‹ç™ºä¸ã®ã‚‚ã®ã‚„ã€è¨˜äº‹ç”¨ã«ç‹¬è‡ªã«ç·¨é›†ã—ãŸã‚‚ã®ã‚‚å«ã¾ã‚Œã¾ã™ã€‚ Atomic Design ã«ã¤ã„ã¦Atomic Desig
Atomic Designを採用ã—ãŸWeb開発ã«ãŠã‘ã‚‹istyleã®ç¾çŠ¶ã¨èª²é¡Œã€€å°Žå…¥ã®çµŒç·¯ã‹ã‚‰åŠ¹æžœã¾ã§ - ãƒã‚°ãƒŸãƒ¼Tech
オレオレAtomic Designã¨Reactã®ç›¸æ€§ï½œJJ
Atomic Design ï½žå …ç‰¢ã§ä½¿ã„ã‚„ã™ã„UIを効率良ãè¨è¨ˆã™ã‚‹ èªäº† - ãらã’ã らã‘
Sketch Librariesã¨Abstractを使ã£ãŸAtomic Designã®å®Ÿè·µðŸ’ª | Nagisaã®ã™ã‚ã‚
2017å¹´ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«ã¤ã„ã¦è€ƒãˆã‚‹ã€‚｜Yuya Furusato｜note
Atomic Designã®æ¦‚念をå‚考ã«Sketchã®ã‚·ãƒ³ãƒœãƒ«ã‚’効率的ã«ç®¡ç†ã™ã‚‹æ–¹æ³• | UXデザイン会社Standardã®ãƒ–ãƒã‚°
Atomic design in practice: does it work? - Browser London
Free Web & Mobile (iOS, Android) Prototyping and UI Mockup Tool | InVision
çã—ã„ワークフãƒãƒ¼ï¼šAtomic Designã®åŽŸå‰‡ã¨Sketchã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¾ã§ | POSTD
Atomic Designを分ã‹ã£ãŸã¤ã‚‚ã‚Šã«ãªã‚‹
How To Make And Maintain Atomic Design Systems With Pattern Lab 2 — Smashing Magazine
Lars Damgaard — design leader in Copenhagen
{{#tags}}- {{label}}
{{/tags}}