디자인 시스템 가이드 개선 사례

이 게시물은 300명 이상의 개발자와 디자이너를 지원하는 TDS 디자인 시스템 가이드를 효율적으로 제작하는 방법에 대해 설명합니다.

주요 문제점과 해결책

• 기존 가이드가 통일되지 않아 소통과 이해가 어려웠음
• 가이드 읽는 방향성을 위에서 아래로 흐르게 하여 단계별 스펙 이해를 용이하게 개선
• 최악의 케이스를 먼저 보여줘 전체 옵션 지도를 파악하게 함
• 접근성 가이드를 가이드 하단에 위치시켜 재참고를 쉽게 만듦
• 체크리스트를 도입해 다양한 컴포넌트에 일관된 가이드 구조 적용

성과와 향후 계획

가이드 작성 규칙 도입 후 작업 효율이 크게 향상되었으며, 시스템 성장에 따라 목차 추가 등 구조 개선을 지속적으로 논의할 예정입니다.