발표에서 확인된 핵심 사실

AI로 웹사이트나 앱 화면을 생성하면 브랜드 고유의 느낌 없이 어디서 본 듯한 뻔한 디자인이 나오기 일쑤다. 정체성 없이 일반화된 결과물이 쏟아지는 이런 현상을 슬롭(slop)이라고 부른다. Atlassian은 이 문제를 풀기 위해 DESIGN.md라는 이식 가능한 마크다운(텍스트 기반의 문서 형식) 포맷을 공개했다. 디자인 시스템의 핵심 요소를 파일 하나에 모두 담아 AI 프롬프트에 포함해 브랜드 정체성을 구현하는 방식이다.

이 포맷은 AI가 매번 디자인 원칙을 새로 학습하거나 추측하지 않게 돕는다. 브랜드가 지향하는 시각적 규칙을 명문화된 파일로 전달하므로, AI는 이를 바탕으로 일관성 있는 UI를 생성한다. 복잡한 설명 없이도 문서 하나로 브랜드의 정체성을 AI에게 이식할 수 있다는 점이 핵심이다.

다만 실제 서비스에 적용할 때는 예상치 못한 부작용이 나타난다. DESIGN.md는 코드 지침을 의도적으로 제외하고 재구현 명세만 제공하기 때문이다. AI 에이전트가 기존에 만들어진 컴포넌트를 가져와 사용하는 대신, 버튼 스타일링 같은 세부 명세를 읽고 매번 코드를 새로 짜는 경향을 보인다. 결과적으로 실제 서비스 코드베이스에 유지보수가 어려운 기술 부채(나중에 수정 비용이 크게 발생하는 엉성한 코드)를 생성할 위험이 크다.

이러한 특성 때문에 DESIGN.md는 빠른 프로토타이핑이나 고객 맞춤형 테마를 입히는 작업에는 유용하다. 하지만 엄격한 코드 표준이 필요한 실제 서비스 환경에서는 기존 시스템을 무시하고 코드를 재생성하는 특성이 걸림돌이 될 수 있다.

기계 판독용 디자인 토큰과 사람 및 에이전트가 읽는 디자인

AI에게 우리 브랜드만의 고유한 분위기를 살려달라고 요청했지만, 어디서 본 듯한 뻔한 화면만 돌아와 당황한 경험이 있을 것이다. 이런 갈증을 풀기 위해 등장한 DESIGN.md는 기계가 읽는 디자인 토큰과 사람이나 AI 에이전트가 읽는 디자인 근거를 한 파일에 담는다. 디자인 토큰은 색상이나 글꼴 크기처럼 디자인 요소를 표준화한 값이다. 이 파일은 시스템의 모든 기술 명세를 기록하는 대신 디자이너가 어떤 의도로 화면을 설계했는지 AI가 이해하도록 돕는 데 집중한다. 파일 앞부분에는 디자인 토큰을 나열하고, 뒷부분에는 색상과 간격, 레이아웃을 왜 그렇게 설정했는지에 대한 디자인 근거를 상세히 기술한다.

실제 서비스 운영 환경에서 이 방식은 필요한 정보만 그때그때 가져오는 MCP 서버(Model Context Protocol, AI가 외부 데이터에 효율적으로 접근하게 돕는 규약)나 스킬 대비 효율이 낮게 나타났다. 단순한 작업을 수행할 때 DESIGN.md를 유일한 가이드로 사용하면 토큰 소비량이 약 92% 추가로 발생했다. 실행 간 토큰 소비 변동 폭은 약 2.7배를 기록했으며, 결과물을 만들어내는 생성 시간 또한 증가했다. 전체 파일을 한 번에 읽어야 하는 구조적 특성 때문에 발생하는 비용이다. 빠른 시제품 제작이나 고객 맞춤형 테마를 구현할 때는 매우 유용하지만, 규모가 큰 실제 서비스 코드베이스에서는 필요한 때만 정보를 호출하는 MCP 방식이 더 효율적이다.

확인해야 할 핵심 지점

AI가 그려준 화면이 왜 매번 어디서 본 듯한 뻔한 모습일까? Atlassian은 Team '26 키노트 데모에서 이 문제를 해결하는 과정을 보여줬다. 피그마 내 디자인 생성 도구인 Figma Make로 대시보드를 만들 때 DESIGN.md를 적용했다. 별도의 MCP 서버(필요한 정보만 그때그때 가져오는 연결 방식)나 외부 도구 없이도 색상, 간격, 형태, 타이포그래피가 Atlassian 시스템에 맞게 정렬되는 원샷 프로토타입 성능을 확인했다.

이 방식은 필요한 정보만 골라 쓰는 대신 전체 파일을 한 번에 읽어 처리한다. AI가 글자를 읽는 기본 단위인 토큰을 더 많이 소비하는 구조지만, 설정 과정이 매우 간결하다. 아이디어를 빠르게 시각화하는 프로토타이핑이나 특정 고객의 취향에 맞춘 테마를 입히는 작업에 최적화되어 있다. 다만 실제 서비스의 방대한 코드베이스를 관리할 때는 필요한 정보만 그때그때 호출하는 MCP 방식이 비용과 효율 면에서 유리하다.

DESIGN.md는 기존의 정교한 디자인 시스템 도구를 완전히 대체하는 것이 아니라 부족한 점을 채우는 보완재다. 특히 고객이 자사 브랜드의 특성을 설명하면 AI가 이를 해석해 브랜드 고유의 느낌이 나도록 만드는 테마링 작업에서 큰 가치를 가진다. 전문적인 디자인 시스템 도구를 그대로 출력하기 어려운 환경에서 브랜드 정체성이 살아있는 UI를 빠르게 구현하는 실용적인 수단이 된다.

AI가 그려낸 뻔한 화면에 실망했다면 브랜드의 정체성을 명문화한 가이드라인이 필요하다. DESIGN.md는 디자인 규칙과 근거를 파일 하나에 담아 AI가 한 번에 읽게 만드는 방식이다. 다만 필요한 정보만 그때그때 가져오는 MCP 서버와 달리 전체 내용을 매번 읽어야 하므로 토큰 비용이 더 든다. 빠른 프로토타이핑에는 DESIGN.md가 유리하고, 복잡한 실제 서비스 운영에는 MCP 방식이 더 효율적이다. 결국 구현하려는 서비스의 규모와 속도에 따라 정체성을 주입하는 방식이 결정된다.