TapTap Design System ｜ Developers 是由 TapTap Design Team B 端设计团队（TDS UX Design），基于游戏开发者平台领域，提炼而成全面易用的 UI 设计系统。设计团队经过多次对不同项目、业务场景的探索积累，逐步沉淀，为 TapTap 内外部各企业级业务提供设计支持。
TapTap Design System ｜ Developers ➡️（Figma Community）
挑战启发灵感
挑战
业务变种多
B 端产品通常有较长的产研周期，多平台合作，业务复杂并发频繁，量级大，功能繁多。
多业务并行
团队内设计师分别负责不同业务线，甚至身兼多条业务线，根据实际情况会出现不同设计方案或风格，很容易产生体验混杂，因此需要注意输出标准，保持体验一致。
流程重复性
重复性工作，会导致一部分的团队资源浪费，若各环节没有紧密贴合，容易产生不必要的沟通成本和额外工作量，滋生不可控情况，从而影响到项目周期。
热度
在 Google Trends 上快速搜索 「Design System」 显示，在过去几年里，人们对这个话题的兴趣一直在上升，尤其在中国，设计系统已经成为设计圈乃至互联网行业内的流行词，许多企业都在持续搭建设计系统。
设计系统之所以变得如此流行，源于它们不仅可以优化用户体验，还能减少设计负担和设计决策，提升效率，同时在行业内树立品牌知名度，传达设计价值观。
灵感开放
持续性
我们对观点保持开放的态度，每个人都可以是设计系统的贡献者，我们将持续优化，保持其生命力，为体验者提供高质量的体验。
韧性
开源给全球体验者，能够考验我们的设计系统在不同产品中生存适应力。
可能性
没有绝对完美的设计系统，站在体验者的角度向我们提出反馈，挖掘更多设计可能性，驱动我们变得更好。
支持快速搭建的 UI/UX 资产
核心设计理念
包容业务
我们基于群体/场景的多样性，前瞻思考并提供一种通用的解决方案，使组件最大化地保持其灵活性，使用者可以任意组合，尽可能多的覆盖需求。
清晰高效
减少设计中的不确定因素, 信息传达清晰，表意明确，使用户在极短时间内快速理解进而作出判断，让用户操作更轻松便捷。
降低成本
相似的元素以相同方式呈现，构成视觉一致性，在认知和使用上保持一致，降低用户反复学习的成本。
系统性的设计与交互组件
丰富的原子级组件
参照原子设计方法论，从最基础的原子元素，逐层构筑更高级别的组织，层层递进。
通过小颗粒元素组合大颗粒元素的逐层嵌套，构成了我们现在组件库中的各个元素，覆盖了 38 种组件类型和 1000 多种组件状态。
在线即可体验的交互效果
我们为大部分组件制作了交互演示，可以帮助用户在线体验与理解组件。
支持快速搭建的交互原型组件
我们提供了部分可重复使用的交互元素，使用户能够更轻松地使用我们的设计系统，构建可交互原型图，减少原型制作时间。
如何开始
- Duplicate「TapTap Design System ｜ Developers」资源，并 Publish 为共享组件库
- 调用 UI 组件的时候，可在侧边的工具栏内，切换样式与变量
最佳实践
项目实战
TapTap 开发者中心
为游戏开发者提供全套发行服务，让你更方便地发布、运营并管理游戏，为全球性的游戏发行提供了完善的游戏服务和统一的 SDK。
设计系统的运用
TapTap 游戏开发者产品，在 TapTap 品牌规范下，保持品牌调性一致。
产品业务繁杂，开发者众多，设计系统在促进研发效率的同时，兼顾用户体验，有效提高业务平台的使用效率。
TapDB 数据分析
专注于解决游戏数据需求的分析工具，极大提升你的数据分析效率，提高生产力。
设计系统的运用
支持设计师创造自定义主题，我们开源了足够丰富的设计资产，设计师可以更改变量，在一定的规则下，自由创造主题，既能照顾业务特性，又能满足多样化的视觉需求。
百变主题案例
使用 TapTap Design System ｜ Developers 灵活丰富的组件资源，可以快速配置出适合多种业务的个性化主题，助力您的产品体验。
TapTap 企业级设计系统 Figma 开源地址
TapTap Design System | Developers 现已正式在 Figma 社区开放，欢迎各位使用和体验～
我们发布的第一周，即获得了 Figma 社区的热门推荐，全球用户们的热情收藏下载，数据表现超过设计团队的原有预期，这对我们来说是非常好的鼓励～
感谢参与建设的每一位设计师同学。
资源地址
TapTap 官方主页：TapTap Figma Community
TapTap 企业级设计系统官方地址：TapTap Design System ｜ Developers
Figma 官方社区：Figma Community
也可以在社区首页 Explore 和顶部分类榜，近期热门里找到我们啦～
积极共建
我们非常重视每一位用户的意见和建议，帮助我们未来做的更好，希望大家可以热情反馈，积极共建～
联系方式
-
可以在我们的 Figma 开源文件下添加评论，直接留言