App Store向けに作られたAffinity Designerの代替ツール。
Affinity Designerは何でも描けます。しかしそれこそが問題です。ストアサイズが何か、デバイスの外枠がどんな形か、同じ見出しが48言語で存在しなければならないことを、Affinity Designerは何一つ知りません。ScreenMocksはその3つすべてを知っています。
マトリクスこそが本質
12種類のキャンバス × 48言語は、手作業で管理すれば何百ものアートボードになります。ここでは1つのデザインと2つの軸だけで済みます。
ストアサイズは最初から用意済み
AppleとGoogleが求めるすべてのキャンバスが正確なピクセルサイズで、しかも継続的にメンテナンスされる33種類のデバイスフレーム付きで用意されています。1320 x 2868を手入力する必要はありません。
既存のデザインをそのまま活かす
Figmaファイルをインポートすればテキストは編集可能なままなので、描き直すのではなく翻訳するだけで済みます。
機能を1つずつ比較
各行は、それぞれの製品の公開されている料金ページ、ドキュメント、実際のアプリと照らし合わせて確認しています。機能が公に文書化されていない場合は、推測せずにその旨をセルに記載しています。
| 機能 | ScreenMocks | Affinity Designer |
|---|---|---|
| ストアへの対応 | ||
| 正しいストア用キャンバスサイズをプリセットで用意iPhone 6.9、iPad 13、Android フォンとタブレットがすぐ使える | 手入力 | |
| 継続的にメンテナンスされるデバイスフレーム | 33 | 自分で用意 |
| デザイン | ||
| 3Dデバイスモックアップ本物のGLTFモデルをブラウザ内でレンダリング | 無料ツール | |
| ストアへの対応 | ||
| iOSとAndroidのステータスバーオーバーレイデバイスの外装がないキャプチャの上に描画 | 手作業 | |
| サイズと言語 | ||
| 1つのデザインからすべてのストアサイズを生成配置もコピーもサイズ軸に沿って継承される | アートボードごとに1つ | |
| サイズごとのレイアウト上書きiPadだけレイヤーを動かし、他のキャンバスはそのまま | 手作業 | |
| App Store対応言語 | 48 | ファイルごとに1つ |
| 言語ごとのレイアウト上書き英語はそのままに、ドイツ語だけ見出しを縮小 | 手作業 | |
| サイズごとに異なる画面構成iPhoneは6枚、iPadは3枚、プロジェクトは1つ | 手作業 | |
| ワークフロー | ||
| その場ですべての見出しを翻訳 | AI、有料 | |
| Figmaファイルをプロジェクトとしてインポート | それが元データ | |
| Claude、Cursor、Codex向けMCPコネクタ | ||
| App Store Connectへ直接アップロード | ||
| キャプチャのフォルダをドロップして全画面に自動配置 | ||
| エクスポート | ||
| 1つのZIPに、サイズと言語ごとにフォルダ分けして格納 | 個別にエクスポート | |
| エクスポートと料金 | ||
| プロジェクト・画面・エクスポートが無制限、しかも無料 | 公式サイトを参照 | |
1つのデザイン。AppleとGoogleが求めるすべてのキャンバスへ。
画面はiPhone 6.9で一度だけ描きます。プロジェクト内の他のすべてのキャンバスはそこから読み込むため、iPad用セットもAndroid用セットも、追加したカスタムサイズも、すでにデザインされた状態になります。あるキャンバスでレイヤーを固定すれば、そのキャンバスだけに固定されたままになります。
- デバイスフレームはキャンバスに追従します。Playタブで描いたiPhoneはPixelとして描画されます
- 同じプロジェクトから、iPhoneには6枚、iPadには3枚のスクリーンショットをリリース
- エクスポートはすべてのサイズと言語を1つのZIPに、フォルダごとに書き出します
1つのデザイン、4つのキャンバス、描き直しなし。
ドイツ語が長くなったら、ドイツ語だけ直す。
このカテゴリのツールは今やどれも一括翻訳ができます。問題は、翻訳された見出しが英語より40パーセント長くなり、スマートフォンと重なってしまうスクリーンショットです。ScreenMocksでは、どのレイヤーにも言語ごとの上書きを設定できるため、その1つの見出しをその1つの言語だけで縮小でき、残り47言語はそのまま保たれます。
- App Store対応48言語、右から左に書く言語も含む
- 上書きは言語単位、サイズ単位、あるいは特定の1マス単位で設定可能
- AI翻訳は空欄だけを埋め、書いた文章を上書きすることはありません
上書きは1つだけ。残り47言語には触れません。
Figmaファイルを持ち込む。あるいはエージェントを。
デザインがすでにFigma上にあるなら、プロジェクトとしてインポートできます。テキストは編集可能なまま残るのでローカライズでき、正確に再現できない部分はFigmaによってレンダリングされ、近似ではなく画像として取り込まれます。デザインツールをまったく開きたくない場合は、MCPコネクタを使えばClaude Code、Cursor、Codexがエディタと同じAPIを通じてセット全体の作成と編集を行えます。
- FigmaのトークンがScreenMocksのサーバーに届くことはありません
- エージェントはレイアウトレポートを読み取れるため、自分が作ったものを確認して修正できます
- エージェントが作ったものは、通常のプロジェクトとしてエディタで開けます
どちらのコネクタも、買い切りのパスを含むすべての有料プランで利用できます。
それぞれの料金
価格は2026年8月24日時点で公開されているものです。決める前にAffinity Designerの公式ページをご確認ください。
- 無料プラン: プロジェクト、画面、サイズ、エクスポートが無制限
- 有料プランは透かしを外し、48言語すべてを開放
- Figma ConnectorとMCP Connectorはすべての有料プランに含まれます
- Launch Passは期限切れも更新もありません
移行にかかる時間は20分ほど
必要なのはすでにお手元にあるアプリのキャプチャだけです。
ファイルをインポートするか、テンプレートから始める
Affinity Designerのデザインを画像として持ち込むか、Figmaファイルを直接インポートしてテキストを編集可能なまま保つことができます。最初からやり直すほうが早ければ、40種類以上のテンプレートは分解して使える本物のデザインです。
キャプチャをキャンバスにドロップする
スクリーンショットのフォルダをドロップすると、空いているディスプレイに1画面ずつ順番に配置され、それぞれに本物のデバイスフレームが付きます。
サイズと言語を追加する
ここがAffinity Designerでは毎回繰り返させられていた部分です。キャンバスを追加すればすでにデザインが適用されており、言語を追加すれば翻訳するまですべての見出しを継承します。
乗り換え前によく聞かれる質問
ScreenMocksはAffinity Designerの代わりになりますか?
App StoreとGoogle Playのスクリーンショットに関してだけです。Affinity Designerは汎用のデザインツールであり、ScreenMocksはそうなろうとはしていません。ScreenMocksが代替するのは繰り返し作業の部分、つまり十数種類のキャンバスサイズと48言語にわたって同じデザインを維持することです。Affinity Designerではこれを変更のたびに手作業でやり直すことになります。
既存のAffinity Designerのデザインを持ち込めますか?
Figma上にあるなら直接インポートできます。テキストは編集可能なまま残るのでローカライズでき、正確に再現できない部分は近似せずに画像として取り込まれます。それ以外のツールからは、画像を書き出して配置するか、テンプレートから組み直してください。5画面のセットなら半日ではなく数分で終わります。
正しいApp Storeスクリーンショットのサイズは?
Appleは6.9インチiPhone向けに1320 x 2868、13インチiPad向けに2064 x 2752を求めています。Google Playは1080 x 1920以上です。Affinity Designerではこれらの数値を新しいドキュメントを作るたびに毎回入力することになります。ScreenMocksではプロジェクトに追加するキャンバスであり、すでに作ったデザインがそれぞれに反映されます。
それでもAffinity Designerは必要ですか?
アイコン、イラスト、ブランド関連の作業では必要です。この点は変わりません。ただしストア掲載ページそのものについては、ほとんどの人が開かなくなります。もともと開いていた理由がエクスポート、デバイスフレーム、言語対応だったからです。
安く済みますか?
ScreenMocksは透かし付きなら無料、透かしなしなら月額$9.99、あるいはLaunch Passなら一度$149で使えます。本当の節約になるのは、リリースのたびにアートボードを再エクスポートしていた半日分の時間です。
セットは一度作るだけ。48言語でリリースする。
無料プランはカード登録不要で、最初の1分からすべてのキャンバスサイズをエクスポートできます。Figmaファイルを持ち込むか、テンプレートから始めてください。
Proは月額$9.99。Launch Passは$149の買い切りで、更新の必要はありません。
この比較はScreenMocksが公開しており、比較対象の製品のうち一方を販売しています。Affinity Designerはその所有者の商標であり、ScreenMocksとは提携関係にありません。内容は2026年8月24日時点で確認されており、四半期ごとに見直されます。 affinity.serif.comを確認. 情報が古くなっていますか?