디자인 시스템, 디자인과 코드의 간극 줄이기

디자인 시스템, 디자인과 코드의 간극 줄이기

6
AI 요약

이 글은 AI가 원문을 분석하여 핵심 내용을 요약한 것입니다.

디자인 시스템과 코드의 간극 줄이기

이 게시물은 에잇퍼센트 웹 프론트엔드 팀이 디자인 시스템을 적용한 웹 서비스 구현 시 발생하는 문제점과 해결 방안에 대해 설명합니다.

주요 문제점

  • 디자이너와 개발자 간의 이해 차이에 따른 반복적인 커뮤니케이션 비용 증가
  • UI 라이브러리와 디자인 간의 불일치로 인한 간극 발생
  • 명세 확인에 소요되는 시간 증가

개선 방안

디자이너와 개발자가 초기 명세를 협의하고, Figma Plugin API를 활용하여 EDS Lint와 EDS Codegen 도구를 개발하여 문제를 해결하고 있습니다.