← 
v0
재사용 가능한 컴포넌트 라이브러리 구축
Basic 약 20분활용 사례
v0로 디자인 시스템의 핵심 컴포넌트들을 생성해 프로젝트 전반에서 재사용합니다.
v0 열기
v0.dev
STEP 1 / 3…
1
STEP 1. 디자인 토큰 먼저 정의
v0.dev
v0
v0+ 새 채팅
최근
랜딩페이지 컴포넌트
데이터 테이블 UI
대시보드 레이아웃
v0
무엇을 만들어볼까요?
UI 컴포넌트나 페이지를 설명하세요...
↑
색상 팔레트 명시 → 컴포넌트 변형 지정 → 생성 → 코드 저장
v0에 '이 색상 팔레트(primary: #3B82F6, secondary: #8B5CF6)와 Inter 폰트를 사용하는 버튼 컴포넌트 세트를 만들어줘. Primary, Secondary, Outline, Ghost 4가지 변형 포함.'
디자인 토큰을 먼저 정의하면 이후 모든 컴포넌트가 일관된 스타일을 유지합니다.
이 단계를 완료했나요?