● 在线
Humaaans

Humaaans是由Pablo Stanley开发的模块化人物插画库,提供584,688种可定制组合,支持Figma/Sketch等设计工具,完全免费商用。

产品介绍

开源许可:采用CC0 1.0通用公共领域协议,允许无限制复制、修改、商用,无需署名或授权。 设计体系:基于现代扁平风格,包含六大组件类别: 头部:20+发型(含头巾/帽子等配饰) 面部:30+表情(开心/困惑/专注等情绪) 身体:站姿/坐姿/半身像三种基础姿态 服装:40+款式(休闲/商务/运动等风格) 配饰:眼镜/背包等15+装饰元素 场景:背景/道具素材(如办公桌/植物) 所有元素基于24×24px网格设计,支持旋转、缩放和颜色自定义,可通过CSS变量实现动态效果(如悬停动画)。 技术与应用 设计工具支持: Figma插件:直接拖拽组合元素,支持实时调色 Sketch组件库:通过Symbol功能快速切换发型/服装 Adobe XD源文件:分层设计便于二次编辑 CSS-Peeps库:通过--peep-hair-color等变量实现网页动态渲染 应用场景: 产品设计:用户流程图、空状态插图、引导页人物 营销素材:社交媒体海报、电子邮件头图 教育内容:课件插图、儿童绘本角色 文件格式:提供SVG(矢量无损缩放)、PNG(透明背景)、EPS(印刷级)及设计工具源文件,支持IconJar库管理。 商业与扩展能力 品牌定制:支持通过Figma插件调整肤色(12种预设)、服装配色(HSL全色系),匹配企业视觉系统。 开发资源: React组件:npm包react-humaaans提供200+预构建人物 API接口:第三方服务支持动态生成头像(如用户注册场景) 社区贡献:GitHub开源项目接受用户提交新组件 典型案例:Airbnb使用其制作团队介绍插图,Slack将其集成到表情面板,Spotify用于播客封面设计。

适用人群

API接口:第三方服务支持动态生成头像(如用户注册场景) 社区贡献:GitHub开源项目接受用户提交新组件 典型案例:Airbnb使用其制作团队介绍插图,Slack将其集成到表情面板,Spotify用于播客封面设计。

核心功能

  • 现成的 UI 组件
  • Figma/Sketch/XD 格式
  • 响应式布局
  • 可自定义设计令牌

优点

  • +开源
  • +实时协作
  • +丰富的图标库
  • +可缩放矢量格式

缺点

  • -自定义可能需要设计技能
  • -可能需要学习曲线

/// 规格参数

  • 价格:
    Free
/// 相似工具