
디자인시스템 figma plugin으로 딸깍 개발하기

·
개발
요약컴포넌트를 제작할 때 매번 figma를 보면서 받아쓰기가 반복됨사내 디자인 시스템은 규칙이 명확, figma codegen을 사용하여 플로그인 개발복붙으로 컴포넌트 개발을 완료할 수 있음 플러그인 도입 배경간단한 예시를 통해 회사의 상황과 피그마 도입 배경에 대해서 설명하겠습니다.일단 회사에서는 디자인시스템을 적극적으로 도입하고 있었고 디자이너분들도 figma에서 디자인 시스템을 사용하여 디자인을 하는 상황이었습니다.기존에는 피그마의 dev 모드에서 본 코드를 직업 코드를 복불하는 작업으로 진행을 하였으나 디자인시스템으로 인해 규칙이 생기게 되었습니다.1. 디자인 시스템위 이미지는 피그마에서 디자인시스템을 적용하기 전(왼쪽), 후(오른쪽)입니다.보시는 것처럼 color에 회사에서 쓰는 컬러값(vars..