ヘルプ · はじめる

はじめかた。

TL;DR. mokbi.com/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. エクスポート

デザインの作成とプレビューは無料です。フル解像度でのエクスポートとストア公開はプランで解放されます。ヘッダーの「Export」をクリック → 必要なサイズ(6.9" iPhone、iPad 13" など)を選択 → 多言語を有効にしている場合はロケールを選択 → 「Download ZIP」をクリックします。Soloは€29.99/月で1アプリ、Studioは€49.99/月で最大5アプリまで同時に利用でき、どちらも全50言語・全デバイスで無制限にエクスポートできます。詳しくは料金ページをご覧ください。

次のステップ

エディタを開く →