Ant Design（蚂蚁组件）是蚂蚁集团体验技术部经过大量项目实践和总结，逐步打磨出的一个设计系统，内含带有 React 的 UI 库。它是为企业级产品设计而创建的。Ant Design 提供了高质量的交互界面设计组件和演示。作为 UI 设计师，在我们的工作中，善于利用现有的设计系统组件能够极大地提升工作效率。今天，即时设计设计师将向大家介绍广泛使用的设计系统 Ant Design 以及它的使用方法。
值得一提的是，Ant Design 拥有非常成熟的文档资料，能够帮助开发人员更快地解决开发过程中的问题。这对于选择在项目中使用 Ant Design 非常重要。作为 UI 设计师，了解设计组件在开发中的使用方式，有助于我们在设计阶段做出更加合理的方案。
1、免费在线使用 Ant Design 蚂蚁组件
第一步：访问即时设计官方网站，在页面上点击 “免费注册即时设计” 按钮创建一个账户。
第二步：即时设计资源广场提供了很多可以一键套用的大厂组件库，其中就包括了 Ant Design 组件库。注册账号后，你只需点击顶部导航区的 “资源广场”，找到 Ant Design 蚂蚁组件资源，进入即时设计资源广场页面。
第三步：选择你需要的 Ant Design 蚂蚁组件资源，然后点击 “使用”，将其添加到你的即时设计个人工作台中进行使用。
2、免费使用 Ant Design 组件
Ant Design 提供了大量的 UI 组件，帮助我们开发移动和 Web 应用程序。熟悉 Ant Design 的开发文档有助于更好地使用 Ant Design 组件来实现开发目标。接下来，即时设计设计师将详细介绍 Ant Design 文档中几种常用的设计组件，以帮助大家清楚了解其开发可行性。
-
过滤和排序：Ant Design 提供了预置的下拉选择器，用于过滤，并需要自己描述排序和过滤功能。默认情况下，表格不能根据输入行进行过滤记录。但是可以根据自己的需求编写自定义过滤器，Ant Design 的文档中对此进行了详细描述。过滤的使用有很多可能性，可以根据产品的特点选择适合的方式进行自定义。
-
内置分页：Ant Design 默认为客户端分页，但开发人员也可以实现服务器端分页，而且并不困难。
-
嵌套：有时需要将表格的某些行展开以显示附加信息，Ant Design 提供了相应的支持。
-
行选择：如果希望确保用户选择特定表格行以进行进一步操作，Ant Design 提供了相当灵活的 API，可帮助开发人员方便快速地实现。
即时设计是一款专为 UI/UX 设计协作而生的工具，既适用于经验丰富的专业设计师，也满足新手设计师的需求。它允许用户创建网站和移动应用程序的原型草图，并轻松创建新的设计、改进和修改现有的网站或移动应用程序设计。即时设计运行在基于云端浏览器上，无需下载客户端即可使用，方便易用。
