Humaaans

プロダクト概要

オープンライセンス：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
• カスタマイズ可能 デザイントークン