デバイスモックアップ作成

製品画面をそのままページへ置く代わりに、すっきりしたスマートフォン、タブレット、ブラウザのフレームにはめ込み、プレゼンテーションにすぐ使える1600×1200のPNGをダウンロードできます。

Drop an image here, or click to choose

PNG, JPG or WebP · up to 40 megapixels

Processed privately in this browser. Nothing is uploaded.

Device

Best for launch posts, landing pages and pitch decks. Use Phone for portrait screenshots and Browser for wide product screens.

使い方

画像を選び、必要なオプションを調整してから、メインボタンをクリックします。結果はすぐにダウンロードされ、ファイルは最初から最後まで端末内にとどまります。

  1. 1

    画像を選ぶ

    端末から画像を選びます。画像は端末内にとどまり、コピーがアップロードされることもありません。

  2. 2

    オプションを設定

    シンプルな設定を調整し、必要なサイズ、形式、見た目に仕上げます。

  3. 3

    操作ボタンをクリックする

    「変換」「圧縮」「切り抜き」または「補正」をクリックします。完成した画像はすぐに端末へダウンロードされます。

できること

シンプルな操作で、欲しい結果をすぐに

モバイル製品とWeb製品に合うフレーム

モバイルアプリにはスマートフォンやタブレット、ダッシュボード、Webサイト、SaaS製品にはブラウザのフレームを使えます。

製品マーケティングにすぐ使える

バランスのよいグラデーションと柔らかな影が、資料、公開投稿、LPになじむ画像へ仕上げます。

ブラウザ内で安全に作成

完成したPNGを描画している間も、スクリーンショットはお使いの端末に残ります。

ファイルは端末から出ません

画像は端末内で安全に処理され、Spiraにアップロードされたり保存されたりすることはありません。

アカウント不要

登録、メールアドレス、透かしは不要です。すぐに使い始められます。

すばやく、何度でも試せる

結果をすぐ確認し、納得のいく見た目になるまで設定を何度でも試せます。

どのデバイスフレームを選べばよい?

縦長のアプリ画面にはスマートフォン、大きめのアプリレイアウトにはタブレット、横長のWebサイトやダッシュボードにはブラウザを選びます。画面の向きとフレームを合わせると、余白が減り製品を大きく見せられます。

日常のマーケティングに使える手軽なモックアップ

短時間で洗練された画像が必要なときに適した、すっきりした2Dデバイス表示を作ります。実写風のシーン、デバイス色の変更、角度付き3D画像が必要なら、書き出し後に本格的なモックアップ編集ツールを使ってください。

FAQ

デバイスモックアップは何に使えますか。

ピッチ資料、LP、機能のお知らせ、公開投稿、製品ドキュメントに使えます。

どの形のスクリーンショットが最適ですか。

縦長画像はスマートフォン、横長画像はブラウザに向きます。タブレットはどちらにも対応しますが、向きを合わせたほうが製品を大きく表示できます。

実写風のモックアップですか。

いいえ。短時間で一貫した製品表示を作るための、グラデーション背景付きのすっきりした2Dデバイスフレームです。

スクリーンショットはアップロードされますか。

いいえ。モックアップはブラウザ内で描画され、1600×1200のPNGとしてダウンロードされます。

画像はきっかけにすぎないとき

Spira AI は台本やリンクからナレーション・映像・字幕付きのショート動画を作り、スケジュールに沿って投稿します。これらの小さなツールはその途中で使う部品です。

その他のクリエイター向けツール