밤티나는 디자인 안녕, 미감 살려주는 사이트

DESIGN.md가 뭔가요?

한 회사 홈페이지의 버튼 색, 글꼴, 여백 간격, 버튼·카드 모양 규칙을 글로 정리한 파일이에요. 사람이 보는 디자인 가이드를 AI가 읽기 좋게 옮겨 둔 것이라, AI한테 주면 그 규칙대로 화면을 만들어요.

예) 애플 파일에는 파란 버튼 색 #0066cc, 배경 회색 #f5f5f7 같은 값이 쓰임새와 함께 적혀 있어요.

실제 화면: 애플 DESIGN.md 의 색상표 부분

STEP 1. getdesign.md에서 원하는 브랜드 찾기

1. 브라우저에서 getdesign.md에 들어갑니다.

2. 브랜드 이름(예: apple, stripe, airbnb, notion)을 검색하거나, 목록을 내려 보면서 마음에 드는 걸 고릅니다.

3. 브랜드 페이지의 Live Preview를 누르면 그 디자인을 적용한 미리보기가 나와요. 내가 만들 페이지 분위기와 맞는지 먼저 보세요.

실제 화면: 애플·스트라이프·에어비앤비·노션 홈페이지. 이런 회사들의 디자인 규칙이 파일로 정리돼 있어요.

STEP 2. DESIGN.md 받기

1. 브랜드 페이지에서 Download DESIGN.md 버튼을 누릅니다. 파일이 내 컴퓨터 다운로드 폴더에 저장돼요.

2. 받은 파일을 메모장(맥은 텍스트 편집기)으로 열면 내용이 보여요. 다음 단계에서 이 내용을 통째로 복사해 쓰거나, 파일을 그대로 올리면 됩니다.

STEP 3. 클로드에 붙여넣고 한 줄 요청하기

1. claude.ai(또는 클로드 앱)에서 새 대화를 엽니다.

2. DESIGN.md 내용을 전부 복사해 입력창에 붙여넣습니다. 길면 자동으로 첨부 카드로 바뀌어요. 파일을 입력창 왼쪽 + 버튼으로 올려도 됩니다.

3. 만들고 싶은 페이지를 한 문장으로 말합니다.

실제 화면: 애플 디자인 파일을 붙여넣고(PASTED) 요청 한 줄을 적은 모습

실제로 쓴 요청 문장

이 디자인으로 무선 이어폰 신제품 소개 랜딩페이지 만들어줘.

이렇게 바꿔 써도 돼요

이 디자인으로 동네 카페 홈페이지 만들어줘

이 디자인으로 내 포트폴리오 페이지 하나 만들어줘

STEP 4. 결과 확인하고 고치기

1. 클로드가 만든 페이지가 대화에 뜹니다. 미리보기로 바로 보거나 파일로 내려받을 수 있어요.

2. 마음에 안 드는 곳은 이어서 말하면 됩니다. 예) "제품 사진 칸 더 크게", "가격 안내 부분 추가해줘"

3. 다른 브랜드 느낌도 보고 싶으면 파일만 바꿔서 같은 요청을 다시 보내 보세요.

실제 결과: 같은 요청을 디자인 파일 없이 보냈을 때(왼쪽)와 애플 디자인 파일을 넣었을 때(오른쪽)

매주 새로운 AI 정보를 가장 빠르게 받아보세요 → 인스타그램 @moodmode.ai