daangn/seed-design
당근마켓이 만든 디자인 시스템으로, 일관된 UI 컴포넌트와 디자인 토큰을 제공합니다.
891+0이번 주0 찜
58포크2이슈
중간맛 분석
스택: TypeScript 기반, React 컴포넌트/Headless 컴포넌트/CSS 라이브러리로 제공. 구성: Rootage(디자인 토큰 정의)·Qvism Preset(스타일 설정)·React Headless(UI 로직)·React(완성된 컴포넌트)·Stackflow(네비게이션) 등 모듈식 패키지 구조. 난이도: 중간~상(설계 시스템 이해 필요). 바로 쓸 수 있는가: 예, 으로 React 컴포넌트 패키지를 설치하면 즉시 사용 가능. 특징: Figma 통합으로 디자인 파일과 코드 동기화 가능, 모듈식이라 필요한 것만 선택 설치 가능.
이런 레포예요
이럴 때 쓰면 좋아요
- 대규모 팀의 UI 일관성 유지 및 중앙화된 디자인 토큰 관리
- React 기반 웹 애플리케이션에서 재사용 가능한 컴포넌트 라이브러리 구축
- Figma 디자인 파일과 코드의 자동 동기화를 통한 디자인-개발 협업 강화
핵심 기능
모듈식 아키텍처(토큰·Headless·완성 컴포넌트 분리)Figma 플러그인 통합 지원Stackflow를 통한 네비게이션 상태 관리
대안 대비 차별점
단순 컴포넌트 라이브러리를 넘어 디자인 토큰 정의부터 Figma 동기화까지 완전한 디자인 시스템 생태계를 제공하며, 모노레포로 각 레이어를 독립적으로 사용 가능하게 설계되었습니다.
준비물
- Node.js 환경
- npm 또는 yarn 패키지 매니저
- React 프로젝트(React 컴포넌트 사용 시)
별 추이 · 7일
891+0 / 7일
활용성 · 따라 만들기 좋은가
베스트 샘플샘플 점수 62/100
- 관대한 라이선스
- 테스트 있음
- 예제 디렉토리
- 최근 활동
- AGENTS.md
- llms.txt
- 템플릿
🟢 최근 활동 있음 · 2021년 생성
이 레포에 깃밥 배지 달기
[](https://www.gitbap.com/r/daangn/seed-design)🔌 클로드에서 바로 써보기
깃밥을 클로드에 연결하면 이런 레포를 클로드·커서·Codex에서 바로 찾고 체험할 수 있어요.
방법 ① 커넥터 URL
클로드 설정 → 커넥터에 이 주소를 붙여넣기.
https://www.gitbap.com/api/mcp방법 ② 플러그인 (체험까지)
플러그인을 설치하면 /gitbap-trending·/gitbap-try 슬래시 커맨드로 레포를 그 자리에서 체험. Claude Code에서 아래 두 줄을 차례로 실행하세요.
/plugin marketplace add jakeparkcolde/gitbap-cowork/plugin install gitbap-cowork@gitbapAI가 README 기반으로 요약했습니다 · 원문 보기