HiUI Design

小米集团信息技术部出品的中后台组件库，提供React组件与Figma设计资源，覆盖前端、中台、后台的交互与UI设计标准。

核心组件与目录结构

源码位于/src，包含可复用React组件（components）、工具函数（utils）、样式表（styles）及文档示例（/docs）。入口文件src/index.js通过ReactDOM.render()渲染根组件。

• 组件库: 涵盖表单、日期选择器、模态框等中后台高频组件
• 测试脚本: /test目录存放单元测试与集成测试，由jest.config.js配置
• 多包管理: lerna.json用于管理多个NPM包的版本与发布

设计资源与生态

官网提供Figma组件库、Figma HiUI Pro、HiUI 5.0 Design Skill及用户体验走查Skill，生态内包含HiUI Pro扩展。

• Figma组件库: 可直接复用的设计稿资源
• HiUI Pro: 生态内进阶组件集
• 更新日志: 官网持续发布版本更新，如v4.14.0、v4.12.0等

配置与构建工具

项目使用TypeScript（tsconfig.json）、PostCSS（postcss.config.js）处理样式，Turbo（turbo.json）并行优化构建速度，Yarn锁文件确保依赖一致性。

• Mock服务: mock.js提供开发环境数据模拟，减少实时请求
• 版本锁定: yarn.lock防止依赖树不一致

常见问题

Q1：HiUI Design 是否支持 TypeScript？

A1：支持。项目根目录包含 tsconfig.json 配置文件，用于设置TypeScript编译目标、类型检查级别等选项。

Q2：HiUI Design 的Figma资源在哪里下载？

A2：官网资源页面提供Figma组件库、Figma HiUI Pro、HiUI 5.0 Design Skill及用户体验走查Skill，可直接获取。

更多同类工具与网站,可在React分类继续挑选。

信息核实于 2026年7月,具体以官网为准。