Frontend디자인 시스템, 디자인과 코드의 간극 줄이기
이 글은 디자인 시스템 개발 및 적용 과정에서 발생하는 디자인과 코드 간의 간극 문제를 분석하고, Figma Plugin API를 활용한 개선 방안을 제시합니다. 디자이너와 개발자 간의 커뮤니케이션 비용 증가, UI 라이브러리와 디자인의 불일치 문제점을 지적하며, 명확한 인터페이스 정의, Figma 규약 추가, 코드 추상화를 통해 이를 해결하고자 합니다. 특히, Figma Plugin API를 이용한 EDS Lint와 EDS Codegen 도구를 소개하며, 디자인 시스템의 효율적인 구현과 일관성 유지를 위한 실질적인 방법을 공유합니다.










