아틀라시안(Atlassian)이 인공지능(AI)이 생성하는 사용자 인터페이스(UI)가 특정 브랜드의 정체성 없이 획일화되는 현상, 즉 '슬롭(slop)' 문제를 해결하기 위한 새로운 접근 방식인 'DESIGN.md'를 공개했습니다. 이는 디자인 시스템의 핵심 요소를 마크다운(Markdown) 파일에 담아 AI 프롬프트에 포함함으로써, AI가 브랜드 가이드라인에 맞춰 UI를 생성하도록 유도하는 이식 가능한 포맷입니다.
DESIGN.md는 크게 두 부분으로 구성됩니다. 첫째는 기계가 읽을 수 있는 디자인 토큰(design token) 목록이고, 둘째는 사람과 AI 에이전트(agent)가 이해할 수 있는 디자인 근거(rationale)입니다. 이는 디자인 시스템의 전체 기술 명세가 아닌, 시스템의 '의도(intent)'를 포착하는 데 중점을 둡니다. 아틀라시안은 자사의 'Team '26' 키노트 데모에서 Figma Make 대시보드 생성에 DESIGN.md를 적용한 결과, 색상, 간격, 형태, 타이포그래피 등 아틀라시안의 디자인 시스템에 맞는 결과물을 얻어 '슬롭' 문제를 개선할 수 있음을 확인했습니다. 하지만 프로덕션 환경에서는 기존 시스템 대비 토큰 소비량 증가, 생성 시간 지연 등 효율성 저하 문제가 발생했습니다. 이는 DESIGN.md가 매번 전체 컨텍스트를 로드하고, 파일 크기 제한으로 인해 상세한 지침이 누락될 수 있기 때문입니다.
그럼에도 불구하고 DESIGN.md는 고수준의 예술적 방향 제시, 익숙하지 않은 환경에서의 빠른 프로토타이핑, 디자인 도구와의 상호운용성, 그리고 고객 테마링(theming)과 같은 특정 상황에서 높은 가치를 가집니다. 특히 기존 디자인 시스템 출력을 사용하기 어렵거나 비실용적인 환경에서 AI 에이전트가 온브랜드(on-brand) UI를 생성하는 데 효과적입니다. 아틀라시안은 DESIGN.md가 기존의 풍부한 디자인 시스템 도구를 대체하는 것이 아니라, 보완하는 역할을 할 것이며, AI가 디자인 시스템을 이해할 수 있게 되면 전체 생태계가 이익을 얻을 것이라고 강조했습니다. 아틀라시안은 자사의 DESIGN.md 파일을 공개하며 업계 전반의 참여와 표준 형성에 기여를 독려하고 있습니다.