以正确的方式开始设计项目
2023 年 10 月 4 日

以正确的方式开始设计项目

你是否曾经为移动应用程序或网站的大型设计项目工作过?如果是的话,你知道从头开始创建所有个别的用户界面(UI)组件、设计资产、图形元素、品牌和排版指南可能需要很长时间。

如果有一种更快的方法,那该多好呢?

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

UI工具包是一套结构化和可重用的UI组件的集合,可以帮助设计师更快地创建应用程序或网站的界面。这些组件包括按钮、表单、图标、导航栏等。通过使用UI工具包,设计师可以节省大量的时间和精力,并提高设计的一致性和效率。

在Figma这样的设计工具中,有许多优秀的UI工具包和设计系统可供选择。这些工具包和系统提供了各种预先设计好的组件和模板,可以直接在项目中使用,而不需要从头开始设计。

以下是一些在Figma中使用的最佳UI工具包和设计系统:

  1. Ant Design (opens new window) - Ant Design是一个由阿里巴巴团队开发的UI工具包,提供了丰富的React组件和设计模式。

  2. Material-UI (opens new window) - Material-UI是一个基于Google的Material Design概念的React组件库,它提供了丰富的UI组件和样式。

  3. Carbon Design System (opens new window) - Carbon Design System是IBM开发的设计系统,提供了一套完整的设计指南和可重用的组件。

  4. Evergreen (opens new window) - Evergreen是一个由Segment开发的React组件库,提供了简单、灵活和可扩展的UI组件。

  5. Chakra UI (opens new window) - Chakra UI是一个简单和可访问的React组件库,提供了大量的UI组件和样式。

这些UI工具包和设计系统都经过精心设计和开发,可以帮助设计师更快地创建出色的用户界面。无论您是一个经验丰富的设计师还是一个刚刚入门的设计师,都可以从这些工具包和系统中受益。

开始您的设计项目时,不要从头开始设计。使用这些优秀的UI工具包和设计系统,可以帮助您在短时间内创建出色的设计,并提高工作效率。

让我们充分利用现代技术和工具,以正确的方式开始我们的设计项目! 社区文件](https://www.figma.com/community/explore)中搜索和调查所有可用的设计系统和UI工具包......或者让我介绍一下我目前最喜欢的资源 (opens new window),它提供了来自世界各地的Figma设计系统的集合。

这里是我为Figma准备的前10个UI工具包,可以在您的下一个项目中使用。

免费的Figma UI工具包 #

1. Atlassian (opens new window) #

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

[2. Spotify](https://www.figma 3. Airtable (opens new window) #

缩略图 — Airtable 应用程序 UI 套件 by Airtable

4. Monday.com (opens new window)