Figma for VS Codeを使ã£ã¦CSS実装ã™ã‚‹æ™‚ã®ãŠã™ã™ã‚ãƒã‚¤ãƒ³ãƒˆ - Goodpatch Tech BlogGoodpatchエンジニアã®æ± 澤ã§ã™ã€‚デザインツール「Figmaã€ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚„値をã€ãƒ†ã‚ストエディタ「VS Codeã€ä¸Šã§é–²è¦§ã§ãる「Figma for VS Codeã€æ©Ÿèƒ½æ‹¡å¼µãŒ2023å¹´6月よりFigmaå…¬å¼ã‹ã‚‰æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ãã®ã€ŒFigma for VS Codeã€ã«ã¤ã„ã¦ã€å®Ÿéš›ã«è©¦ã—ã¦æ„Ÿã˜ãŸã“ã¨ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ※ Figma Dev Modeã‚„Figma for VS Codeã¯ã¾ã ベータ版ã§å‹•ä½œä¿è¨¼ã•ã‚Œã¦ãŠã‚Šã¾ã›ã‚“。ã¾ãŸæœ¬è¨˜äº‹ã®å†…容ã¯å€‹äººãŒè¶£å‘³ã§æ¤œè¨¼ã—ãŸã“ã¨ã‚’ã”ç†è§£ã®ä¸Šã€è‡ªå·±è²¬ä»»ã«ã¦ã”利用ãã ã•ã„。 Figma for VS Codeã¨ã¯ 主ãªä½¿ã„æ–¹ 使用時ã®ãƒ¯ãƒ³ãƒã‚¤ãƒ³ãƒˆ Point1： Figmaã®ãƒˆãƒ¼ã‚¯ãƒ³ã®åå‰ã¨å€¤ãŒç¢ºèªã§ãã‚‹ Point2： Figmaã®Sectionã‚„Ready for devマークã®æœ‰ç„¡ã¯ã‚ã¾ã‚Šæ°—ã«ã—ãªãã¦è‰¯ã„ Point3：
{{#tags}}- {{label}}
{{/tags}}