ダミーアバター作成

UIモックの「人」をすぐ埋められるダミーアバターを、イニシャル幾何学(identicon)シルエットの3タイプで作れます。

コピーしました
📖 使い方・くわしい説明

使い方

  1. 上のタブでアバターのタイプを選びます(イニシャル/幾何学/シルエット)。
  2. 名前や文字、色、形(円・角丸・四角)、サイズを設定します。プレビューがすぐ更新されます。
  3. 「SVGをコピー」でクリップボードにコピーし、FigmaやIllustratorに貼り付けて使えます。
  4. 「PNGをダウンロード」で指定サイズの実寸PNG画像を保存できます。
  5. 下の「ランダムに12個生成」から好みのアバターをクリックすると、そのSVGをコピーできます。

こんな場面で使えます

  • UIモック・ワイヤーフレームのユーザー欄やコメント欄を、それっぽいアイコンで埋めたい
  • プロフィール画像未設定のユーザー向けに、固定のデフォルトアイコン(identicon)が欲しい
  • 資料やスライドで、複数人のダミーユーザーを並べて見せたい
  • 名前のイニシャルから、色違いのアバターを手早く作りたい

よくある質問

生成したアバターはどう使えますか?
「SVGをコピー」でクリップボードにSVGコードがコピーされるので、FigmaやIllustratorにそのまま貼り付けて編集できるベクターとして使えます。「PNGをダウンロード」では指定したサイズの透過しない実寸PNG画像を保存できます。プロフィール欄やリスト、テーブルなどUIモックのプレースホルダーに便利です。
identicon(幾何学)は毎回同じ絵になりますか?
はい。シード(入力文字列)から決定的に図柄と色を生成するので、同じシードを入れれば必ず同じアバターになります。GitHubのデフォルトアイコンのような5×5の左右対称のドット絵です。ユーザーIDやメールアドレスをシードにすると、人ごとに固有で安定したアイコンになります。
商用利用できますか?
生成される画像はあなたの入力からブラウザ内だけで作られるシンプルな図形なので、商用・非商用を問わず自由に使えます。画像やデータがサーバーに送信されることはありません。
イニシャルの背景色はどう決まりますか?
入力した文字列のハッシュ値から自動的に色を割り当てます(同じ文字なら同じ色)。手動で色を上書きすることも可能です。文字色は背景の明るさを判定して、白か黒の見やすい方を自動で選びます。
シェア B!