Figmaãªã‚‰ç°¡å˜ï¼ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®ä½œã‚Šæ–¹ã‚’詳ã—ã解説Webサイトやスマホアプリã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚’UI/UXデザインã®ã‚³ãƒ©ãƒœãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ„ール「Figmaã€ã§åˆ¶ä½œã™ã‚‹æ‰‹é †ã‚’紹介ã—ã¾ã™ã€‚ カラーパレットをã¯ã˜ã‚ã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã€ã‚·ãƒ£ãƒ‰ãƒ¼ã€ã‚¢ã‚¤ã‚³ãƒ³ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãªã©ã€Figmaã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã«å¿…è¦ãªã‚‚ã®ã‚’ã©ã®ã‚ˆã†ã«åˆ¶ä½œã™ã‚‹ã‹è§£èª¬ã—ã¾ã™ã€‚ Creating a Design System in Figma. by Marc Andrew 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ Figmaã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ç´ æã¯ã€ä»¥å‰ã®è¨˜äº‹ã‚’ã”覧ãã ã•ã„。 Figmaã§ç°¡å˜ã«ä½œæˆã§ãã‚‹ï¼ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ・フãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆãƒ»ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ç´ æã®ã¾ã¨ã‚ ã¯ã˜ã‚ã« 1. 何よりもã¾ãšã€å¼·åŠ›ãªã‚«ãƒ©ãƒ¼ãƒ‘レットを作るã¹ãç†ç”± 2. デスクトップã¨ã‚¹ãƒžãƒ›ã®ä¸¡æ–¹ã«å¯¾å¿œã™ã‚‹ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ 3. 忘れã¦ã¯ãªã‚‰ãªã„ã®
GitHubã®ã‚ˆã†ã«Figmaを使ã†ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ã®é‹ç”¨æ–¹æ³•ã€‘｜三上蒼太 / Sota Mikami
{{#tags}}- {{label}}
{{/tags}}