콘텐츠로 이동

xds

하나의 디자인 토큰 세트로 웹, 데스크톱, 모바일에서 동일한 컴포넌트를 사용하고, CLI로 필요한 클라이언트만 골라 프로젝트를 생성하세요.

네 가지 클라이언트에서 동일한 컴포넌트

웹용 React, 데스크톱용 GPUI, 모바일용 React Native와 Compose Multiplatform을 지원합니다. 모든 클라이언트가 같은 이름과 동일한 variant·size·tone 구성을 갖춘 컴포넌트를 제공합니다.

명암비를 검증하는 토큰 빌드

DTCG 형식의 토큰 파일을 CSS, Tailwind, TypeScript, Rust, Kotlin 코드로 변환합니다. 색상 조합의 명암비가 WCAG 기준에 미달하면 빌드가 실패합니다.

다섯 가지 기본 컬러 테마

indigo, ocean, forest, sunset, plum 테마를 제공합니다. 모든 테마는 동일한 명암비 기준을 유지하며, xds를 통해 터미널에서 바로 미리 볼 수 있습니다.

사용할 클라이언트만 선택해 구성

xds create는 선택한 클라이언트만 포함해 프로젝트 이름이 적용된 저장소를 생성합니다. 나중에 다른 클라이언트가 필요해지면 xds add로 추가할 수 있습니다.