UI Generatorは、ダッシュボード、家計アプリ、CRM、チャット、ショップなどのリアルなUIを生成し、最新のiPhoneやMacBookに表示します。LP、ピッチ資料、プレゼン、ブログ記事、Product Huntのローンチなど、製品画像が必要なあらゆる場面で使えます。
使い方
画面を選ぶ
18種類のUI(各5レイアウト)から選ぶか、自分のスクリーンショットを使います。「別のパターン」で何度でも作り直せます。
デバイスを選ぶ
iPhone 17 Pro、iPhone Air、MacBook Pro、MacBook Air、またはブラウザウィンドウ。
ダウンロード
角度と背景を選び、高解像度のPNG・JPG・WebPを保存。透過背景にも対応しています。
- LPのメインビジュアル
- ピッチ資料・プレゼン
- ブログ記事・導入事例
- Product Hunt・SNSでの告知
- ポートフォリオ・Dribbble
- Webサイト・App Store用の画像
作例
Dashboard mockup generator
iPhone mockup generator
MacBook mockup generator
Isometric mockup generator
Mobile app mockup generator
iPhone and MacBook mockup togetherよくある質問
無料で使えますか?
はい。すべてのUI、デバイス、角度、サイズが無料で、アカウントも不要です。商用プロジェクトにも使えます。
自分のスクリーンショットをiPhoneやMacBookに入れられますか?
はい。「自分のスクショ」をクリックするか、プレビューに画像をドラッグ、またはCtrl/Cmd+Vで貼り付けます。画像はブラウザ内で処理され、アップロードされません。
どのデバイスがありますか?
iPhone 17 Pro、iPhone 17 Pro Max、iPhone Air、MacBook Pro 14″・16″、MacBook Air 13″、ブラウザウィンドウ、フレームなし。MacBookとiPhoneを並べることもできます。
アイソメトリックや3Dのモックアップは作れますか?
はい。「左から」「右から」「上から」「浮かせる」を選ぶと、デバイスが本物の3Dで描画されます。
透過PNGをダウンロードできますか?
はい。市松模様の背景を選んでPNGかWebPで保存すると、影を残したまま背景が透過になります。
その他のモックアップ
Mockups by screen type
- AI image generator mockup
- AI agent mockup
- AI meeting notes mockup
- AI chat mockup
- Dashboard mockup generator
- Fake dashboard generator
- Mobile app mockup generator
- Finance app mockup
- Kanban board mockup
- CRM & data table mockup
- Calendar app mockup
- Chat app mockup
- E-commerce mockup
- Landing page mockup
- Pricing page mockup
- Login page mockup
- Fitness app mockup
- Music app mockup
- Social media app mockup
- Email inbox mockup