DESIGN.md를
모아두고, 검색하고,
설치할 수 있습니다.
바이브 디자인 커뮤니티 3곳을 추천드립니다.
Google이 만든 DESIGN[.]md를 위한
전용 커뮤니티가 생겨나고 있습니다.
DESIGN[.]md는
마크다운 파일 하나에 디자인 시스템을 담아서
AI 에이전트에게 넘기면 일관된 UI가 나오는 포맷입니다.
근데 "어디서 구하느냐"를 모르는 분이 많아요.
직접 만들기엔 디자인 지식이 필요하고,
스크래치에서 시작하면 시간이 걸립니다.
그래서 가져왔습니다.
designmd - 디자인 시스템의 npm.
100개 이상의 DESIGN.md가 올라와 있어요.
커뮨니티가 직접 업로드합니다.
Genesis, Verdana Health, ShopVibe, VoiceBox 같은
커뮤니티 창작 디자인 시스템이 있고,
브랜드에서 추출한 것도 섞여 있어요.
MCP 서버를 제공해요.
Claude Code나 Cursor에 연결하면
사이트를 떠나지 않고 디자인 시스템을 바로 적용할 수 있습니다.
CLI도 있어서 터미널에서 설치도 가능.
탐색, 검색, 업로드, 즐겨찾기 기능이 있어요.
"디자인 시스템을 npm처럼 설치하는" 경험에 가장 가깝습니다.
getdesign[.]md — "Stripe처럼 만들어줘"가 진짜 되는 곳.
VoltAgent/awesome-design-md 프로젝트의 웹 프론트엔드예요.
55개 이상의 브랜드 디자인 시스템이 있습니다.
Apple, Spotify, Stripe, Vercel, Notion,
BMW, SpaceX, Ferrari, Lamborghini, Nike까지.
이 사이트의 핵심은 실제 웹사이트의 CSS에서 추출한 값이라는 거예요.border-radius: 12px, color: <a href="https://www.threads.net/tag/635BFF" target="_blank" rel="noopener noreferrer" class="hashtag-link" onclick="event.stopPropagation()">#635BFF</a>, font-weight: 500
공개된 CSS 값을 그대로 가져와서 마크다운으로 정리한 겁니다.
"Stripe 스타일로 랜딩페이지 만들어줘"라고 할 때
스크린샷 대신 이 파일을 넣으면
AI가 해석할 여지 없이 정확한 값을 따릅니다.
스크린샷은 모호하지만 마크다운은 모호하지 않아요.
typeui[.]sh — 직접 만든 디자인 스킬 48개.
Flowbite 창시자가 만들었어요.
Flowbite은 2022년부터 2026년까지
3,000만 개 이상의 프로젝트에 영향을 준 UI 라이브러리입니다.
이 사이트는 다른 두 곳과 접근이 달라요.
브랜드를 따라하는 게 아니라
스타일을 고르는 거예요.
Paper — 종이 질감. 부드러운 그림자, 미니멀.
Modern — 둥근 모서리, 부드러운 그림자. 만능 기본값.
Enterprise — 고대비, 정보 밀도 높은 비즈니스용.
Neumorphism — 눌린 듯한 입체 효과. 대시보드용.
Fantasy — 신비로운 분위기. 게임/스토리텔링용.
48개 디자인 스킬이 전부 직접 설계하고 테스트한 거예요.
여러 AI 에이전트에서 실제로 돌려본 결과를 기반으로 만들었습니다.
Google Stitch가 DESIGN.md를 공식화하기 전부터
디자인 스킬 파일을 만들어온 곳이에요.
"Stripe처럼 만들어줘" → getdesign.md
실제 브랜드의 CSS를 추출한 파일. 따라하기.
"깔끔하고 미니멀하게" → typeui.sh
스타일 기반. 48개 중에 골라서 설치.
"커뮤니티에서 찾아보고 싶어" → designmd.ai
100개+ 디자인 시스템. 업로드, 검색, MCP 연동.
셋 다 무료로 시작할 수 있어요.
프로젝트 루트에 파일 하나 넣고
"이 스펙대로 만들어"라고 하면 끝.
Claude Code, Cursor, Codex, Gemini CLI 등
마크다운을 읽는 에이전트라면 뭐든 작동합니다.
한 줄 평,
"분명 스티치에서 design[.]md 만들면 된다고 할 것 같은데..."