一个人做完整套游戏UI，他把设计系统开源了.md3.3 KBit/ai/一个人做完整套游戏UI，他把设计系统开源了.md
--- title: "一个人做完整套游戏UI，他把设计系统开源了" source_url: "https://mp.weixin.qq.com/s/Oe-Oh9I0p0rIrck40GiA5g" source_site: "mp.weixin.qq.com" clipped_at: "2026-07-06T10:48:13.737498+00:00" clipper: "aiwiki-url-ingest" extractor: "weixin_static" source_strategy: "normal_web_clip" source_strategy_label: "普通网页抓取" author: "AnimationStudio" --- # 一个人做完整套游戏UI，他把设计系统开源了 ANIMATIONSTUDIO 🔧 RESOURCES 资源工具 独立开发者做 UI 有个隐形成本：每个项目都在从零重写按钮、输入框和布局，而且每次都不太一样。Sinan Ata 在独自开发多人平台格斗游戏 Leap of Legends 时遇到了同样的问题，于是他在 Unity 6 UI Toolkit 的基础上搭了一层设计系统，把整套东西开源出来了。 这套系统叫 Unity UI Toolkit Design System，覆盖了 Design Token、UI 组件、图标集、移动端支持和一个 Runtime Helper，统一走深色主题，键盘和触控都做了适配。整个视觉风格由一张主 stylesheet 控制，换主题只需要改 Token 文件，他自己测试四套配色方案各只花了一个 git diff 的时间。 接入方式很直接：把文件夹拖进项目的 Assets 目录，把主 stylesheet 挂到 UI 屏幕上，全局风格就统一了。官方提供了一个网页 Demo，可以悬停或点击组件查看每个元素背后的 selector 链，方便理解结构。 Sinan 在自己项目里给出了一组实际数字：菜单屏从设计稿到上线从一两天压缩到一两小时；移动端适配加一个 `.mobile` 类就完成；设置、大厅、商店、赛后结算、游戏内 HUD 全部跑在同一套 Token 和组件上，审查时没有视觉不一致的问题需要处理。 适合独立开发者或小团队，尤其是需要快速搭建多个 UI 屏幕、又不想每次从头定义视觉规范的场景。如果你的项目已经有一套成熟的自定义设计语言，这套系统的深色主题和现有 Token 结构可能需要一定改造才能融入。 项目在 GitHub 上，MIT 协议，可以直接用于商业项目。📦 ✎ 编辑:先收藏别问 🤔 **你怎么看？** 欢迎在留言区聊聊你的想法 AnimationStudio 您的 CG · 3D · AIGC 私人精选杂志 长按识别二维码 · 关注我们 推荐阅读 [📌 重装哨兵的硬核浪漫：这款未公开VR新作的机甲设定太对味了](https://mp.weixin.qq.com/s?__biz=MzI0NDcyNzk5OA==&mid=2247493727&idx=1&sn=2b29d1d3e4b74aab465aaf7fb5b273f4&scene=21#wechat_redirect) [🔥 费伦大陆的纸上余晖](https://mp.weixin.qq.com/s?__biz=MzI0NDcyNzk5OA==&mid=2247493016&idx=1&sn=d63054d2dc0f6d001e4f48e862418920&scene=21#wechat_redirect) [✨ 春晖下的凌厉锋芒，卡特琳娜也能这么温婉？](https://mp.weixin.qq.com/s?__biz=MzI0NDcyNzk5OA==&mid=2247489465&idx=1&sn=e48c9f57a425ba7aaaecd1726f7c1fee&scene=21#wechat_redirect) 仅供学习请勿商用｜素材来源网络侵权请联系删除｜转载请注明出处