● オンライン
Humaaans

Humaaansはmodular イラストレーション ライブラリ による Pablo Stanley, 提供 584,688 カスタマイズ可能 character combinations を使った ネイティブ Figma/Sketch 統合, completely 無料 のための 商用利用.

イラスト無料素材

プロダクト概要

オープンライセンス:CC0 1.0 Universal Public Domain Dedicationの下でリリースされ、帰属表示なしで無制限の複製、変更、商用利用が可能。 デザインシステム:モダンなフラットデザインに基づき、6つのコアコンポーネントカテゴリ: ヘアスタイル:ヘッドスカーフや帽子を含む20以上のオプション 表情:30以上の感情(喜び/混乱/集中) ボディポーズ:立位/座位/胸像の基本ポジション 衣服:40以上のスタイル(カジュアル/ビジネス/アスレジャー) アクセサリ:メガネやバックパックのような15以上のアイテム シーン:背景の小道具(机/植物) すべての要素は24×24pxグリッド上に構築され、CSS変数を介した回転、スケーリング、色のカスタマイズをサポートし、動的エフェクト(例:ホバーアニメーション)を可能にします。 技術と応用 Figmaプラグイン:ドラッグ&ドロップのコンポーネントアセンブリとリアルタイムの色調整 Sketchライブラリ:シンボルベースのスタイリングで迅速なヘアスタイル/アウトフィットの切り替え Adobe XDファイル:高度な編集のためのレイヤー化されたソースファイル CSS-Peeps:--peep-skin-colorなどの変数を介した動的なウェブレンダリング ユースケース: プロダクトデザイン:ユーザーフロー図、空の状態、オンボーディングイラスト マーケティング:ソーシャルメディアグラフィック、メールヘッダー 教育:Eラーニング素材、子供向け絵本のキャラクター ファイルフォーマット:SVG(スケーラブルなベクター)、PNG(透明な背景)、EPS(印刷対応)、ネイティブデザインファイルで利用可能。IconJarライブラリ管理と互換性あり。 商用および拡張機能 ブランドのカスタマイズ:12の肌色プリセットと、Figmaプラグインを介した衣類の完全なHSL色調整をサポートし、企業のビジュアルシステムに合わせます。 Reactコンポーネント:200以上の事前構築されたキャラクターを含むnpmパッケージreact-humaaans APIアクセス:動的アバター生成のためのサードパーティサービス(例:ユーザー登録フロー) オープンソース:コミュニティから提出されたコンポーネントを受け入れるGitHubリポジトリ 注目すべき例:AirbnbはチームプロファイルイラストにHumaaansを使用し、Slackは絵文字パネルに統合し、Spotifyはポッドキャストのカバーアートに採用しています。

label.best_for

API アクセス: Third-party services のための dynamic avatar generation (e.g., ユーザー registration flows) オープンソース: GitHub repository accepting コミュニティ-submitted コンポーネント Notable Examples: Airbnb 使用する Humaaans のための チーム profile イラストレーション, Slack 統合する それにemoji panels, と Spotify employs それ のための podcast cover art.

主な機能

  • レディメイド UIコンポーネント
  • Figma/Sketch/XD formats
  • レスポンシブ layouts
  • カスタマイズ可能 デザイントークン

メリット

  • +オープンソース
  • +リアルタイムコラボレーション
  • +豊富なアイコンライブラリ
  • +スケーラブルなベクトル形式

デメリット

  • -カスタマイズにデザインスキルが必要な場合あり
  • -学習コストが必要な場合あり
/// 関連ツール