구글, 스티치 핵심 포맷 'DESIGN.md' 오픈소스 공개 — AI가 디자인 의도까지 이해

• 구글이 디자인 시스템 플랫폼 '스티치(Stitch)'에서 쓰던 핵심 포맷 'DESIGN.md'를 21일(현지시간) 오픈소스로 공개함
  • 색상, 타이포그래피, 레이아웃 같은 규칙을 하나의 문서로 정리
  • 프로젝트 간에 쉽게 재사용할 수 있게 만든 게 핵심

단순 스타일 가이드가 아니라 '의도'까지 적는 포맷

• DESIGN.md의 차별점은 각 디자인 요소가 왜 그렇게 설정됐는지까지 함께 기록할 수 있다는 점
  • 예를 들어 특정 색상이 단순 시각 선택이 아니라 브랜드 정체성 반영, 또는 사용자 행동 유도용인지까지 AI가 판단 가능
  • "스타일 가이드"에서 "의사결정 컨텍스트를 포함한 디자인 시스템 스펙"으로 한 단계 올라감

AI 기반 UI 생성에 어떻게 바뀌나

• 기존 방식: AI가 완성된 디자인 결과물의 형태만 참고해서 인터페이스 생성
• DESIGN.md 방식: AI가 설계 의도까지 이해하고 생성
  • 결과적으로 더 정교하고 일관된 UI가 자동으로 뽑힘
  • 단순 자동화를 넘어 AI가 디자인 시스템을 해석하고 확장하는 단계로 진화

접근성(a11y)도 자동화

• 문서에 정의된 규칙을 기반으로 AI가 색상 대비, 가독성, UI 구조를 분석
  • 국제 접근성 기준 WCAG 충족 여부를 자동 검증 가능
  • 디자이너 수작업 없이 접근성 체크가 돌아감
• 공공기관, 글로벌 서비스처럼 접근성 규제 대응이 필수인 조직엔 실무적 가치가 큼

왜 오픈소스로 풀었나

• 특정 툴에 종속되지 않고 여러 디자인 툴, 개발 환경, AI 시스템 간에 동일한 기준을 공유하게 하는 전략
• 디자이너-개발자 협업이 원활해지고 조직 전반의 디자인 언어 일관성 유지
• AI 에이전트가 어느 플랫폼에서 돌든 동일한 기준으로 UI 생성

---

기술 맥락

DESIGN.md가 주목받는 이유는 "디자인 시스템을 AI가 읽을 수 있는 형태로 만든다"는 맥락이 있어요. 기존 디자인 시스템은 피그마 라이브러리나 스토리북처럼 시각/컴포넌트 중심이었는데, 이건 LLM이 파싱하기 어렵거든요. 마크다운 기반 텍스트 포맷으로 바꾸면 AI 에이전트가 프롬프트 컨텍스트로 바로 읽을 수 있어서, 코드 생성이나 UI 자동 합성에 자연스럽게 녹여낼 수 있어요.

'왜'를 기록하는 설계가 핵심이에요. 단순히 "primary 색상은 #1A73E8"이라고 적는 게 아니라, "이 색상은 사용자 신뢰감을 유도하기 위한 블루 톤이며 CTA 버튼에 우선 적용"처럼 맥락을 같이 넣어요. 이렇게 하면 AI가 새 컴포넌트를 만들 때 단순 토큰 복붙이 아니라 디자인 원칙을 지키는 결정을 할 수 있게 돼요.

구글이 오픈소스로 푼 건 특정 도구 락인을 피하려는 전략이에요. DESIGN.md가 업계 표준처럼 자리잡으면 구글 제미나이뿐 아니라 다른 AI 코드 에이전트도 같은 포맷을 읽게 되니까, 결국 구글 스티치가 생태계 진입점이 되는 구도를 노리는 거예요.