今 · WebRTCでスマホとペアリング 第04号 · 2026 デザインは無料 · 公開は月額€19.99
Screenshotify
ヘルプ · はじめる

はじめかた。

要点: screenshotify.app/app でエディタを開きます。スクリーンショットをキャンバスにドラッグします。右側のプロパティパネルからデバイスフレームを選びます。これで1枚のパネルが完成です。キャプションや他のデバイスはその後に追加できます。

1. エディタを開く

登録不要。ヘッダーのボタンからアクセスするか、/app に直接アクセスしてください。最初に表示されるのは、デバイスフレームが1つ入った空のパネルです。

2. スクリーンショットのドロップ

エディタにスクリーンショットを取り込む方法は3つあります。

  • ドラッグ&ドロップ:デスクトップから PNG をデバイスフレームの上に直接ドラッグします。画像がデバイスの画面いっぱいに表示されます。
  • スマートフォンとペアリング(QR 経由):ヘッダーの「Connect phone」をクリックし、QR を読み取ってスマートフォン上の写真を選択します。スクリーンショットは WebRTC でブラウザ間を直接転送されます(サーバーへのアップロードは一切行われません)。
  • デバイスのプロパティパネルからアップロード:デバイスを選択し、プロパティタブの「Upload screenshot」をクリックします。

3. キャプションの追加

左側の追加ボタンパネルにある「Text」ボタンをクリックします。新しいテキストレイヤーがキャンバスに追加されます。好きな位置にドラッグし、右側のプロパティパネルから編集できます。

App Store カルーセルでは、キャプションをパネルの上部4分の1に配置すると最も読みやすくなります。推奨レイアウトの詳細はアスペクト比とセーフエリアのガイドをご覧ください。

4. パネルの追加

パネルの間またはカルーセルの下にある「+」ボタンをクリックすると、新しいパネルが追加されます。各パネルは独立した編集可能なサーフェスですが、背景グラデーションはパネルごとに個別設定で上書きしない限り、すべてのパネルにまたがって流れます。連結レイヤー(たとえば全パネルにまたがる波形など)を使う場合は、任意のレイヤーで「Span over all panels」オプションをオンにしてください。

5. エクスポート

エクスポートはStandard限定機能です。ヘッダーの「Export」をクリック → 必要なサイズ(6.9" iPhone、iPad 13" など)を選択 → 多言語を有効にしている場合はロケールを選択 → 「Download ZIP」をクリックします。Standardは€19.99/月、いつでも解約可能です。詳しくは料金ページをご覧ください。

次のステップ

エディタを開く →