Design.md Supply는 공개 도메인을 입력하면 브랜드 아이덴티티, 스크린샷, 실제 마크업을 모아 구글의 DESIGN.md 형식 문서로 만들어 주는 서비스입니다. Apple, Stripe, Netflix, Anthropic 등 이미 생성해 둔 대기업 스타일 가이드를 바로 열어볼 수도 있습니다.
DESIGN.md는 AI 에이전트가 읽고 그대로 따라 쓸 수 있는 디자인 시스템 문서 형식입니다. Design.md Supply는 이 문서를 직접 손으로 쓰는 대신, 이미 존재하는 웹사이트의 실제 색상·타이포그래피를 근거로 자동 생성해 줍니다.
주요 특징
- 도메인 입력만으로 생성: 원하는 공개 도메인을 넣으면 브랜드 색상과 스타일을 분석해 DESIGN.md로 정리합니다.
- Context.dev 데이터 활용: 브랜드 아이덴티티, 스크린샷, 라이브 마크업을 Context.dev에서 가져와 문서의 근거로 씁니다.
- 대기업 스타일 가이드 사전 제공: Apple, Microsoft, Google, Meta, Tesla, Netflix, Adobe, Stripe, GitHub, Notion, Figma, OpenAI, Anthropic 등 40여 곳의 DESIGN.md를 미리 만들어 두었습니다.
- 산업별 분류: 기술, 금융, 헬스케어, 소매, 자동차 등 산업 카테고리별로 사이트를 훑어볼 수 있습니다.
- 오픈소스: 소스가 공개되어 있어 구조나 방식을 직접 확인할 수 있습니다.
이런 분에게 잘 맞습니다
- 대기업 사이트의 디자인 시스템을 레퍼런스로 빠르게 훑어보고 싶은 디자이너
- 원하는 사이트의 DESIGN.md를 직접 생성해 AI 에이전트에 물려주고 싶은 개발자
- 동종 업계 경쟁사들의 스타일 가이드를 한자리에서 비교하고 싶은 팀
- 오픈소스 도구로 DESIGN.md 생성 과정을 직접 뜯어보고 싶은 사용자