개요
awesome-design-md는 DESIGN.md 파일을 프로젝트 루트에 넣어 AI 코딩 에이전트가 디자인 의도를 읽게 만드는 오픈소스 컬렉션이다.
핵심 포인트
- Figma 없이도 색상, 타이포, 컴포넌트 스타일, 레이아웃 원칙을 텍스트로 전달
- Notion, Vercel, Stripe, Airbnb 등 여러 서비스 스타일을 빠르게 참조 가능
preview.html/preview-dark.html까지 함께 제공해 확인이 쉽다
볼 때 주의
- 공식 디자인 시스템이 아니라 공개 웹사이트 기반 추출본이라 100% 정확한 복제본으로 보면 안 된다
- 브랜드 모사에는 유용하지만, 제품 고유 UX 전략까지 그대로 가져오진 못한다
- 그대로 복제하기보다 무드보드·프롬프트 컨텍스트·스타일 레퍼런스로 쓰는 편이 안전하다