Skip to content

토스 디자인 시스템 (TDS)


TDS는 Toss Design System의 약자이며, 토스 커뮤니티에서 사용하는 디자인 시스템이에요. TDS는 토스 제품을 구성하며 직군을 초월한 협업을 가능케하는 디자인 언어이면서 개발자의 도구이기도 해요.

TDS를 사용하면 사용자에게 일관된 제품 경험을 제공하면서 디자이너가 문제 해결에만 집중할 수 있어요. 개발도 커스텀 UI 보다 3~5배 빠르게 완료할 수 있어요.

토스앱의 화면은 대부분 TDS로 구성되어 있고, 앱인토스 서비스에서 필요한 화면도 TDS로 만들 수 있을 거예요.

TDS

컴포넌트 리스트

가장 자주 쓰는 컴포넌트 12개를 소개해요.
컴포넌트를 눌러 자세히 확인해보세요.

TDS 사용 시 유의사항

TDS를 안전하고 올바르게 사용하기 위해 꼭 확인해주세요.

1. 지식재산권

토스가 「앱인토스(Appintoss)」 서비스를 통하여 제공하는 모든 자료(지식재산권을 포함하되 이에 한정되지 않음)의 권리는 토스에 귀속됩니다.
파트너사는 해당 자료를 오직 앱인토스 서비스 이용을 위한 범위 내에서만 사용할 수 있습니다.

2. 사용 권한

토스의 TDS 사용 허가는 앱인토스 서비스 제공을 위한 제한적 사용권을 부여하는 것입니다.
따라서 파트너사는 이 범위를 넘어서는 결과물이나 권리를 취득할 수 없습니다.

3. 준수 의무 및 위반 시 조치

파트너사는 본 조항 및 관련 법령을 준수해야 합니다.
파트너사가 이를 위반할 경우, 토스는 앱인토스 서비스 제공을 중단하거나 기타 필요한 조치를 취할 수 있습니다.