사이트 디자인을 새로 바꾸고 싶은데, 외주를 맡기자니 견적 받는 데도 시간이 걸리고, 결과물이 마음에 안 들면 다시 설명하고 기다려야 하는 과정이 부담스러우셨을 겁니다. 최근 “DESIGN.md”라는 마크다운 파일 하나에 색상·폰트·여백 같은 디자인 규칙을 정리해두고, AI가 그걸 그대로 읽고 적용하는 방식이 오픈소스로 빠르게 퍼지고 있습니다. 오늘은 이걸 레이어허브에서 실제로 어떻게 쓰는지, 처음 해보시는 분도 그대로 따라할 수 있게 하나하나 설명드립니다.
DESIGN.md가 뭔가요?
마크다운 파일 하나 안에 성격이 다른 두 부분이 같이 들어있습니다.
- 위쪽 (YAML 형식의 수치 값): 색상 hex코드, 폰트 이름과 크기, 여백 값, 모서리 둥글기 같은 정확한 숫자·값. AI가 그대로 읽어서 적용하는 부분입니다.
- 아래쪽 (일반 마크다운 글): 왜 이런 값을 골랐는지, 어디에 어떻게 써야 하는지 설명하는 부분. 사람이 읽고 맥락을 이해하는 부분입니다.
이 구조 덕분에 “저 사이트처럼 깔끔하게 해줘” 같은 애매한 요청 대신, 정확한 수치를 기준으로 일관된 결과를 받을 수 있습니다.
어디서 구하나요?
https://designmd.app/
https://getdesign.md/
아직 감이 안 잡히신다면 — 샘플 파일부터 받아보세요
어떤 스타일을 골라야 할지 아직 잘 모르시겠다면, 저희가 미리 만들어둔 샘플 파일로 먼저 연습해보실 수 있습니다. 깔끔한 화이트 톤에 파란색 포인트, 그림자 대신 얇은 테두리를 쓰는 “모던 미니멀 SaaS” 스타일입니다.
바로 받아서 테스트해보실 수 있는 샘플 디자인 파일입니다
sample-design-spec.md 다운로드단계별로 따라하기
외주랑 비교하면 얼마나 차이 날까요?
2026년 기준 국내 디자인 외주 플랫폼(크몽 등) 공개 데이터를 기준으로 정리했습니다.
| 방식 | 비용 | 기간 |
|---|---|---|
| UI/UX 리뉴얼 외주 (페이지 단위) | 평균 약 41만원 (6만원~97만원 이상) | 수일~수주 |
| 홈페이지 전체 리뉴얼 (에이전시 외주) | 평균 약 430만원 (30만원~2,000만원 이상) | 수주~수개월 |
| DESIGN.md + 레이어허브 (FULL 1개월) | 약 $50 (약 6~7만원) | 대화 한 번, 수분 |
※ 완전히 같은 비교는 아닙니다. 외주는 보통 화면 구조를 새로 짜거나 UX 리서치까지 포함하는 경우가 많고, 이 방법은 기존 구조는 그대로 두고 색상·폰트·여백 같은 “스타일”을 새로 입히는 방식입니다. 다만 “지금 있는 사이트의 톤앤매너를 확 바꾸고 싶다”는 목적이라면, 비용과 소요 시간 차이가 매우 큽니다.
참고 링크 정리
- designmd.app — 461개+ DESIGN.md 오픈소스 라이브러리
- getdesign.md — 공식 스펙 문서
- GitHub에서 awesome-design-md 검색 — 유명 브랜드 스타일 모음
Wanting a design refresh but dreading the outsourcing process — waiting for quotes, then waiting again if the result doesn’t match what you had in mind — is a familiar frustration. Lately, an open-source format called “DESIGN.md” has been spreading quickly: a single markdown file that packages design rules (colors, fonts, spacing) in a way AI can read and apply directly. Here’s a full walkthrough of how to actually use this with LayerHub, written so a first-timer can follow along.
What is DESIGN.md?
A single markdown file contains two different kinds of content:
- The top (YAML values): exact numbers — color hex codes, font names and sizes, spacing values, corner radii. This is the part AI reads and applies directly.
- The bottom (plain markdown prose): explains why those values were chosen and how to use them. This is the part meant for humans to read and understand the context.
Because of this structure, instead of a vague request like “make it clean like that site,” you get consistent results based on exact values.
Where do I find one?
https://designmd.app/
https://getdesign.md/
Not sure where to start? Grab the sample file
If you’re not sure which style to pick yet, you can practice first with a sample file we put together — a “modern minimal SaaS” look: clean white tones, one blue accent color, thin borders instead of shadows.
A ready-to-test sample design file
Download sample-design-spec.mdStep-by-step walkthrough
How does this compare to outsourcing?
Based on 2026 published data from Korean freelance/design marketplaces (like Kmong).
| Approach | Cost | Timeline |
|---|---|---|
| UI/UX redesign outsourcing (per page) | ~$300 average (range: $45–$700+) | Days to weeks |
| Full homepage redesign (agency) | ~$3,100 average (range: $220–$14,500+) | Weeks to months |
| DESIGN.md + LayerHub (1 month of FULL) | ~$50 | One conversation, minutes |
※ This isn’t a perfectly apples-to-apples comparison. Outsourcing often includes a brand-new page structure or UX research, while this method restyles your existing structure — colors, fonts, spacing — without rebuilding it. But if your goal is refreshing the look and feel of a site you already have, the cost and time difference is substantial.
Reference links
- designmd.app — open-source library of 461+ DESIGN.md files
- getdesign.md — official spec documentation
- Search awesome-design-md on GitHub — a collection of well-known brand styles