피드로 돌아가기
더미텍스트 효율적이면서 의미있게 사용하기
강남언니 공식 블로그강남언니 공식 블로그
Frontend

더미텍스트 효율적이면서 의미있게 사용하기

강남언니 디자인팀이 Craft 플러그인과 JSON 데이터셋을 활용해 더미 컨텐츠 자동 생성으로 작문 시간 제거

전지윤2020년 3월 13일6intermediate

Context

프로덕트 디자인 시 레이아웃 검증을 위해 더미 텍스트와 이미지를 수동으로 작성·배치하는 데 물리적 시간 소비가 발생했다. 특히 다국어 서비스 확장 시 번역기를 이용한 텍스트 복사-붙여넣기 반복 작업으로 디자인 검증 시간이 더욱 지체되었다.

Technical Solution

  • JSON 형식 데이터셋 사전 준비: 병원명, 지역 정보 등 키-밸류 구조로 최소값·최대값 포함한 10~20개 샘플 데이터 작성
  • Sketch 플러그인 Craft를 이용한 오버라이드 기능: 클릭 한 번으로 JSON 데이터를 디자인 시안의 텍스트 필드에 자동 대입
  • 커스텀 이미지 폴더 구성: 예상되는 이미지 비율·유형별로 더미 이미지 사전 분류 및 폴더링
  • 다국어 데이터셋 사전 구성: 일본어 등 지원 언어별 번역된 텍스트 데이터를 JSON으로 미리 작성
  • 서버 개발자 협업: JSON 데이터셋 생성 및 유지보수를 위한 약 30분 기술 지원

Impact

아티클에서 정량적 수치가 명시되지 않음.

Key Takeaway

디자인 워크플로우에서 반복적 수작업을 자동화하면 단순 시간 절감을 넘어 설계자가 실제 제품 완성도에 집중하는 시간을 확보할 수 있다. 개별 팀 효율화보다 조직 전체 목표 달성을 우선하는 협업 문화가 이러한 최적화를 가능하게 한다.


멀티 샘플 컨텐츠 테스트가 필요한 디자인 팀에서 JSON 기반 데이터셋과 플러그인 자동화를 결합하면, 텍스트 길이 변동·다국어 버전·이미지 비율 편차 등 워스트케이스 검증 시간을 대폭 단축할 수 있다.

원문 읽기