재사용 가능한 컴포넌트 라이브러리 구축

기초약 20분3단계

v0로 디자인 시스템의 핵심 컴포넌트들을 생성해 프로젝트 전반에서 재사용합니다.

따라 하기

1단계 / 3

디자인 토큰 먼저 정의

v0에 '이 색상 팔레트(primary: #3B82F6, secondary: #8B5CF6)와 Inter 폰트를 사용하는 버튼 컴포넌트 세트를 만들어줘. Primary, Secondary, Outline, Ghost 4가지 변형 포함.'

v0 열기

이해를 돕는 예시 그림이에요. 실제 화면과 다를 수 있어요.

v0.dev
v0
v0
+ 새 채팅
최근
랜딩페이지 컴포넌트
데이터 테이블 UI
대시보드 레이아웃
v0
무엇을 만들어볼까요?
UI 컴포넌트나 페이지를 설명하세요...
↑

누를 위치 색상 팔레트 명시›컴포넌트 변형 지정›생성›코드 저장

팁 디자인 토큰을 먼저 정의하면 이후 모든 컴포넌트가 일관된 스타일을 유지합니다.