🎨도구

Google의 DESIGN.md - AI에게 디자인 의도를 정확히 전달하는 새로운 방법

Google이 공개한 DESIGN.md 포맷으로 '이쁘게 만들어줘' 대신 명확한 디자인 시스템을 AI에게 전달하세요

#Google#DESIGN.md#AI코딩#디자인시스템#프롬프트엔지니어링

문제: AI에게 디자인 의도 전달이 어렵다

"이쁘게 만들어줘", "깔끔하게 해줘" 같은 애매한 표현을 10번 반복해도 AI가 원하는 대로 디자인을 만들어주지 못했던 경험, 다들 있으시죠?

Google이 공개한 DESIGN.md는 디자인 시스템을 구조화된 포맷으로 작성하는 방법입니다.

▸

YAML로 토큰 정의: 색상, 폰트, 간격 등을 명확한 값으로 지정

▸

프로즈(prose)로 의도 설명: 왜 그 값을 선택했는지 자연어로 설명

▸

한 파일로 완결: DESIGN.md 파일 하나만 프로젝트에 추가

트윗 작성자의 경험:

▸

Before: "이쁘게 만들어줘" 10번 반복 → 의도 전달 실패

▸

After: DESIGN.md 파일 1개 추가 → 한 번에 의도 전달 성공

기존에는 각자의 방식으로 디자인을 설명했지만, DESIGN.md로 표준화된 방식이 생겼습니다.

▸팀원 간 일관된 디자인 전달 가능

▸AI가 디자인 의도를 정확히 이해

▸재현성 높은 개발 워크플로우 구축

yaml

# DESIGN.md 예시
colors:
  primary: "#2563eb"
  # 메인 브랜드 컬러, 신뢰감과 전문성 표현
  
spacing:
  base: "8px"
  # 8px 그리드 시스템으로 일관성 유지

프로젝트에 DESIGN.md 파일을 추가하고, AI에게 "이 디자인 시스템을 따라 구현해줘"라고 요청하면 됩니다.

▸GitHub 저장소: https://github.com/google-labs-code/design.md

디자인을 말로 설명하는 시대는 끝났습니다. 이제는 파일 하나로 정확하게 전달하세요!