查看原文
其他

设计系统:提升效率,保证一致性 漫游日报 | 0224

全网漫游指南 全网漫游指南 2023-07-08

    

设计系统是一种被广泛采用的工具,能够帮助设计师和开发者在项目中更好地管理设计资源,从而提高工作效率和保证设计一致性。通过使用设计系统,设计师和开发者可以更便捷地维护设计元素和规范,确保团队设计产出风格的一致性。

如果你想成为一个高效率和高品质的设计师,那么学习和使用设计系统无疑是一条必经之路。


你好,探索者🌱


我们特地为你准备了这本漫游指南:收录各种工具、信息和资源,携你共同探索浩瀚美丽的互联网海洋。

Design Systems For Figma

是一个由多名设计师共同维护的 Figma 设计系统。它提供了多种类型的设计系统资源,包括 UI 组件、颜色、字体、样式等。此外,该网站还提供了大量的设计系统案例,以供学习和借鉴。该网站的设计资源均可以免费下载使用,对于需要快速构建设计系统的设计师来说是一个非常有用的资源库

使用建议:💼 专业背景 || 耳目一新 🙂

访问地址:designsystemsforfigma.com

Arco Design

一个由字节跳动推出的设计系统平台,主要用于协助团队快速构建符合品牌标准的设计,提高设计效率和一致性。该平台提供了大量的设计资源,设计师可以基于这些资源快速构建界面。Arco 还提供了插件,可以直接在 Figma 或 Sketch 等设计软件中使用。

使用建议:💼 专业背景 || 行业标杆 🤩

访问地址:arco.design

Canvas

该设计系统中包括了大量的设计资源和组件,如颜色、字体、图标、组件等,这些资源都经过精心设计和优化,可以在不同平台和设备上提供一致的使用体验。

使用建议:✍️ 需要学习 || 值得尝试 😀

访问地址:canvas.workday.com

TDesign

TDesign 是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系。它具有统一的 价值观,一致的设计语言和视觉风格,帮助用户形成连续、统一的体验认知。在此基础上,其提供了开箱即用的 UI 组件库、设计指南和相关设计资产,以优雅高效的方式将设计和研发从重复劳动中解放出来,同时方便大家在 TDesign 的基础上扩展,更好的的贴近业务需求

使用建议:💡 易于上手 || 值得尝试 😀

访问地址:tdesign.tencent.com

Semi Design

由字节跳动抖音前端与 UED 团队设计、开发并维护,包含设计语言、React 组件、主题等开箱即用的中后台解决方案,帮助设计师与开发者打造高质量产品。

使用建议:💼 专业背景 || 行业标杆 🤩

访问地址:semi.design

Primer

Primer设计系统中的组件和样式经过优化,可以在不同的GitHub项目中进行共享和重复使用,从而提高了开发效率和设计一致性。此外,Primer还提供了许多有用的工具和指南,帮助开发人员和设计师更好地使用设计系统,例如设计原则、组件文档和代码示例等。

使用建议:✍️ 需要学习 || 行业标杆 🤩

访问地址:primer.style

Lightning

Salesforce Lightning 设计系统包含用于创建符合该原则、设计语言和最佳实践的用户界面的资源。开发人员可以专注于应用程序逻辑,而不是专注于像素,而设计人员可以专注于用户体验、交互和流程

使用建议:✍️ 需要学习 || 耳目一新 🙂

访问地址:lightningdesignsystem.com

Clarity

Clarity 是一个可扩展的、可定制的、开源的设计系统,由使用它构建的人、我们为其构建的人以及塑造我们自己的社区提供支持。

使用建议:💼 专业背景 || 耳目一新 🙂

访问地址:clarity.design

Ant Design

蚂蚁集团的企业级产品是一个庞大且复杂的系统,数量多且功能复杂,而且变动和并发频繁,常常需要设计者与开发者能快速做出响应。同时这类产品中有存在很多类似的页面以及组件,可以通过抽象得到一些稳定且高复用性的内容。

使用建议:💼 专业背景 || 值得尝试 😀

访问地址:ant.design

--- END ---


        


 #往期精彩#用玩乐高的方式做设计,大厂设计系统盘点

百闻不如一见:专业设计工具推荐

设计师的万能百宝箱



点个在看你最好看




您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存