UIサンプル画像メーカー

v1.2.0VISUAL

アプリやウェブサイト、ゲーム開発のUI設計に使えるダミー画像を簡単に生成できます。サイズ、色、テキストをカスタマイズして必要なサンプル画像を作成しましょう。

3ステップでサンプル画像を用意

1

用途に合わせてサイズを決定

プリセットから選ぶか、幅と高さを直接入力して目的のUIやデバイスに最適なキャンバスを用意します。

2

背景色とテキストを調整

ワイヤーフレームやデザインシステムに馴染む色を選び、仮のテキストを設定して完成イメージを確認します。

3

PNG画像として書き出し

「画像をダウンロード」をクリックすると現在の設定でPNG画像を生成し、すぐに保存できます。

v1.2.0(2025/12/04)

  • テーマカラーをツール全体で統一
  • 設定パネルをサンドイッチ構造に改善(ヘッダー固定・コンテンツスクロール・フッター固定)
  • モバイル表示の全コンポーネントをレスポンシブ最適化
  • カラースウォッチ・入力フィールドのサイズ調整

v1.1.0(2025/10/11)

  • UI改善: ツールレイアウトを大幅に更新しました。
  • 新規プリセットパターンを追加しました。

v1.0.1(2025/06/07)

  • UI/UX改善: 自動更新機能に合わせ不要な「再生成」ボタンを削除。
  • UI/UX改善: カスタムサイズ入力時に、プリセット選択が自動で「カスタム」に切り替わるよう修正。

v1.0.0(2025/03/10)

  • 初期リリース

このツールをシェアする