Ant Design Mini 小程序组件库来了
2026-10-25 17:17:08
Ant Design Mini 小程序组件库已正式发布
支付宝小程序官方 UI 组件库现已正式加入 Ant Design 大家庭。这一组件库不仅符合 Ant Design 的设计规范，还充分满足了大部分的开发需求。现在，你可以通过访问我们的
全新的设计体验
Ant Design Mini 是由支付宝设计团队基于蚂蚁集团的众多业务实践以及亿万用户的验证反馈，抽象构建出的移动端资产库。这一组件库旨在帮助设计师们将脑海中的创意轻松转变为自然好用的设计，从而给用户带来更加真实自然的体验。
新 logo 新寓意新篇章
Ant Design Mini 作为 Ant Design 家族的新成员，其 logo 概念来源于小程序英文“Mini Program”中首字母“M”的变形。同时，该 logo 沿用了 Ant Design 系列 logo 的基础几何图形，旨在达到更高的品牌认知度。相信随着 Ant Design Mini 的加入，Ant Design 家族将更加丰富多彩。
追求极致完美的组件设计
Ant Design Mini 的组件设计源于蚂蚁众多移动端业务的实践，包括支付宝基础、网商银行、区块链等各类业务。从这些业务中，我们抽象提炼了 30+ 个基础通用的组件，这些组件涵盖导航、引导提示、信息展示、信息输入、反馈五大类型。在组件的视觉设计上，我们沿用了 Alipay Design 最新的视觉风格，延续“暖科技”的视觉基调，为用户带来更加舒适和愉悦的使用体验。
更强大的小程序组件库
为了进一步提升支付宝小程序的开发效率和使用体验，Ant Design Mini 将在以下几个方面进行不断优化和升级：
更多基础组件：当前基础组件的数目及种类尚不足以覆盖大多数的移动端场景。因此，在未来几个月，我们将专注于组件库的扩充，以满足更多开发者的需求。
支持 CSS 变量：随着前端技术的不断发展，CSS 变量已经成为定制 UI 主题的重要工具。在后续的开发过程中，我们将在组件中大量使用 CSS 变量，并完全释放出来，以便开发者能够更加灵活地定制 UI 主题。
更好的文档：我们更新了文档的结构与内容，使 demo 更为详细和丰富。希望用户能够通过文档获取更多有用的信息，从而更加高效地使用 Ant Design Mini 组件库。
不断提升组件使用体验：除了提供优质的文档外，我们还将通过 VS Code 插件提供 axml 文件中组件的书写提示、属性补全及校验等功能，进一步提升开发效率。
无障碍与大字版：作为一个有温度的品牌，Ant Design 始终关注用户的无障碍体验。因此，在下半年，antd-mini 将在无障碍与大字版方面进行探索，以满足更多用户的需求。
结语
antd-mini 致力于提升支付宝小程序的开发效率与使用体验。我们期待正式版的到来，并相信这一组件库将为开发者们带来更加便捷和高效的开发体验。此外，antd-mobile 也已正式发布，作为 h5 组件库与 antd-mini 采用相同的设计规范，为开发者们提供了更多的选择。
热门标签
