はじめに

ScreenMocksは、生のアプリスクリーンショットを洗練されたローカライズ済みのストアギャラリーに変えます。デザイン済みのテンプレートから始め、スクリーンショットを追加し、文言を編集し、公開するすべてのサイズと言語を一度に書き出します。

このドキュメントでは、エディタ、ローカライズ、書き出し、Figmaインポート、MCPサーバーについて解説します。初めての方は、クイックスタートを読めば約5分で1セット完成させられます。

基本概念

• プロジェクト: ベースとなるキャンバスサイズとメイン言語を持つ、1つのギャラリー。複数のサイズと最大48言語を同時に展開できます。
• 画面: ギャラリー内の1枚のスクリーンショットで、ボード上のフレームとして描かれます。プロジェクトには好きなだけ画面を保持でき、App Storeは最初の10枚を表示します。
• レイヤー: 画面を構成する要素。テキスト、スクリーンショットを収めたデバイスフレーム、角度のついたモックアップ、画像、図形やベクターグラフィック、そして信頼性を示すウィジェット。
• テンプレート: ブランドに合わせて自由に調整できる、完成度の高い出発点。すべてのテンプレートは無料です。
• 言語・地域: 言語と地域の組み合わせ。1つのデザインですべての言語に対応し、必要な箇所だけ言語ごとに上書きできます。

作業内容の保存先

レンダリングと書き出しはどちらもブラウザ内で行われるため、無料プランでも制限されません。プロジェクトとアップロードした画像はScreenMocksアカウントに保存され、サインインしたどの端末でも同じ作業を開けます。保存される内容と場所についてはプライバシーポリシーをご覧ください。