핵심 요약
에잇퍼센트의 프론트엔드 팀은 디자인 시스템 개발에서 디자이너와 개발자의 인터페이스 이해 차이로 인한 커뮤니케이션 비용을 Figma 규약과 EDS Lint/Codegen 도구 도입으로 효과적으로 줄인 사례를 공유합니다.
주요 경험
- 초기 명세에서 디자이너와 개발자가 함께 인터페이스를 합의하는 워크플로우를 도입해 모호성을 줄였습니다
- EDS Figma 규약 추가로 컴포넌트 속성 및 데이터 모델의 일관성을 확보했습니다
- Figma Plugin API 기반 EDS Lint와 EDS Codegen으로 디자인-코드 간 간극을 자동화하고 구현 부담을 낮췄습니다
얻은 인사이트
- 명세의 반복 수정을 줄이고 의사소통의 순환참조를 차단하는 체계를 확립해야 한다는 교훈
- 권한 차이에 따른 정보 접근성 문제를 해결하는 규약과 도구가 협업 효율을 크게 높임
- EDS Codegen과 Lint로 재현 가능한 개발 워크플로우가 서비스 개발 부담을 크게 감소시킴
