For the complete documentation index, see llms.txt. This page is also available as Markdown.

Toss 设计系统 (TDS)

TDS 是 Toss Design System 的缩写。它是 Toss 社区全局使用的设计系统,是构成 Toss 产品的通用设计语言,也是开发者的工具。TDS 能帮助设计师、开发者、策划人员等不同岗位以同一标准协作。

TDS 的优点

  • 可以为用户提供一致的产品体验。

  • 设计师可以更专注于解决问题,而不是 UI 实现。

  • 开发者可以比直接制作自定义 UI 时快 3~5 倍地开发。


使用 TDS 时的注意事项

要安全且正确地使用 TDS,请先确认以下内容。

许可说明

使用此 UI Kit 时,其中包含的 许可条件视为您已同意。

  1. 知识产权: Toss 通过 Apps in Toss(Appintoss) 服务提供的所有资料的权利,包括知识产权在内,都归 Toss 所有。合作伙伴只能在使用 Apps in Toss 服务的范围内使用这些资料。

  2. 使用权限范围: Toss 允许使用 TDS 仅是为了提供 Apps in Toss 服务的有限权限。您无法获得超出此范围的成果物或额外权利。

  3. 遵守义务及违反时的措施: 合作伙伴必须遵守本指南及相关法律法规。若违反,Toss 可中止提供 Apps in Toss 服务或采取其他必要措施。


组件列表

介绍 Apps in Toss 中最常用的 11 个核心 TDS 组件。点击各组件,详细查看使用方法和应用示例。

Cover

徽标

Cover

边框

Cover

底部 CTA

Cover

按钮

Cover

资源

Cover

列表行

Cover

列表标题

Cover

导航

Cover

段落

Cover

标签页

Cover

顶部