以正确的步伐开始设计项目

2023 年 10 月 20 日

以正确的步伐开始设计项目

你是否曾经参与过一个大型的移动应用或网站设计项目？如果是的话，你就会知道从零开始创建所有的用户界面（UI）组件、设计资产、图形元素、品牌和排版指南需要很长时间。

如果有更快的方法呢？

幸运的是，在2021年，确实有一种更快的方法。它被称为UI工具包。

UI工具包是一组结构化的UI组件，可以帮助设计师更快地创建和组装界面元素，从而节省时间和精力。它们通常包括预定义的样式、布局、图标和其他常见的界面元素，可以根据需要进行自定义和调整。

在过去的几年里，许多UI工具包和设计系统已经涌现出来，并成为设计师们的首选工具。它们不仅可以提高工作效率，还可以保持设计的一致性和品质。

下面是一些适用于Figma的最佳UI工具包和设计系统，它们可以帮助你在设计项目中迈出正确的第一步：

这些工具包和设计系统都有着丰富的文档和社区支持，可以帮助你快速入门并解决问题。

如果你想更进一步，还可以考虑使用设计系统。设计系统是一种更高级的UI工具包，它不仅包括UI组件，还包括设计原则、样式指南、交互规范等。使用设计系统可以帮助整个团队保持一致的设计语言，并提高设计的可扩展性和可维护性。

一些知名的设计系统包括：

当然，除了这些已有的UI工具包和设计系统，你还可以根据自己的需求自定义和创建自己的工具包或设计系统。

总之，使用UI工具包和设计系统可以帮助你更快地开始设计项目，并保持一致性和品质。无论你是个人设计师还是团队成员，都值得尝试和探索这些工具的潜力。祝你设计愉快！在设计应用程序或网站时，以下是一些组件和元素，它们以一致的方式提供设计所需的所有内容。这些组件和元素包括：

您可以在Figma的社区文件 (opens new window)中搜索和调查所有可用的设计系统和UI工具包......或者让我介绍一下我目前最喜欢的资源 (opens new window)，它提供了来自世界各地的Figma设计系统的集合。

以下是我为Figma准备的十大UI工具包，可供您在下一个项目中使用。

免费的Figma UI工具包 #

缩略图 - Atlassian和Joel Nasrallah的ADS组件

缩略图 — Airtable 应用程序 UI 工具包由 Airtable 提供