● 在线
Open Peeps

Open Peeps

Open Peeps是由Pablo Stanley开发的手绘风格矢量插图库,提供模块化组件系统,支持584,688种人物组合,完全免费商用。

产品介绍

开源许可:采用CC0 1.0通用公共领域协议,允许无限制复制、修改、分发及商用,无需署名或授权。 设计体系:基于黑白手绘风格,包含头部(20+发型)、面部(30+表情)、身体(站姿/坐姿/半身像)、服装(40+款式)及配饰(眼镜/帽子等)六大组件类别,所有元素基于统一矢量网格设计,支持无损缩放。 技术集成:原生支持Figma、Sketch、Adobe XD等设计工具,提供Flutter插件(211,140种组合)和CSS-Peeps库(通过CSS变量实现500万种动态组合),可通过--peep-head等参数自定义颜色、旋转和缩放效果。 使用场景与工具支持 应用场景:适用于产品界面插图、用户流程图、营销素材、故事板创作、社交媒体内容等,典型案例包括团队介绍图、教程步骤可视化、APP引导页设计。 文件格式:提供SVG(可编辑矢量)、PNG(透明背景)、EPS(印刷级)及各设计工具源文件,支持IconJar库管理和批量导出。 社区生态:第三方开发者提供REST API(头像生成)、Python库及开源贡献指南,GitHub话题下有200+相关项目,Dribbble社区展示丰富用户作品。 商业与扩展能力 品牌定制:支持通过CSS变量或设计工具调整线条颜色、填充色及元素组合,匹配品牌视觉系统。 动态效果:CSS-Peeps库支持悬停动画、颜色过渡和交互变换,Flutter插件可实现APP内实时头像生成。 资源获取:官网提供免费打包下载(需在Gumroad输入$0),第三方平台如Iconscout提供602个动画包扩展资源。

适用人群

品牌定制:支持通过CSS变量或设计工具调整线条颜色、填充色及元素组合,匹配品牌视觉系统。 动态效果:CSS-Peeps库支持悬停动画、颜色过渡和交互变换,Flutter插件可实现APP内实时头像生成。 资源获取:官网提供免费打包下载(需在Gumroad输入$0),第三方平台如Iconscout提供602个动画包扩展资源。

核心功能

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

优点

  • +免费使用
  • +开源
  • +实时协作
  • +丰富的图标库

缺点

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

/// 规格参数

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