AI 요약
Google Labs가 공개한 DESIGN.md 파일이 AI 기반 UI 생성의 일관성 향상에 얼마나 효과적인지 74개 실제 프로젝트를 분석해 검증한 결과가 공개됐다. DESIGN.md는 디자인 의도를 YAML front matter와 Markdown 본문에 기록해 AI 에이전트가 매번 동일한 디자인 값을 사용하도록 하는 파일 형식이다. 측정 결과 색상과 서체 값의 일관성 유지, WCAG 대비 검증, Tailwind 설정 변환 등에서는 효과가 있었지만, UI를 직접 생성하지 않고 코드 품질을 검증하지도 않는 등 명확한 한계가 드러났다. 특히 11개 검사 규칙 중 Markdown 본문을 검사하는 것은 1개뿐이며, DESIGN.md가 lint를 통과해도 실제 화면이 의도대로 구현되었는지는 보장되지 않는 것으로 나타났다.
핵심 포인트
- Google Labs의 Stitch UI 생성 도구 내부 포맷을 오픈소스화한 DESIGN.md를 74개 프로젝트로 검증
- 색상·서체 값의 일관성 유지와 WCAG 대비 검증에는 효과적이나 UI 생성 기능은 없음
- 74개 샘플 중 64개가 값 중심, 10개가 설명문 중심으로 작성되어 두 가지 스타일로 분화
- 공식 샘플 3개의 본문 분량(중앙값 37줄)이 실제 사용 사례(중앙값 206줄)의 5.6배 적어 참고하기 부적합
- lint 통과와 CI 초록불이 '파일 형식의 정확성'만 의미할 뿐 화면 구현 품질과 무관하다는 한계 확인
향후 전망
- DESIGN.md는 디자인 토큰 관리 도구로서는 유용하나, AI 생성 UI의 품질 보증을 위해서는 별도의 검증 프로세스가 필요할 것으로 보임
- 디자이너가 없는 조직에서 CSS 작성이 어려운 경우 디자인 시스템의 출발점으로 활용 가능할 전망
출처:hatena (Zenn)