Figma to Store (flexbox)の代わりに、マトリクス全体を任せられる。
Figma to Store (flexbox)はFigmaの中で機能しますが、それがそのまま限界でもあります。プラグインはFigmaのドキュメントモデルを引き継ぐため、すべてのストアサイズとすべての言語が、結局は手作業で管理するフレームのままです。ScreenMocksはこの2つの軸そのものを製品にしています。
200枚のフレームではなく、2つの軸
サイズと言語は1つのデザインから導き出されるものであり、複製して管理し続けるフレームではありません。
翻訳が崩れる箇所だけ上書き
文章が長くなる言語にはその言語専用のレイアウトが用意され、その言語だけに保存されます。
Figmaも引き続き使える
今あるファイルをそのままインポートできます。テキストは編集可能なままなので、デザインは画像ではなくプロジェクトになります。
機能を1つずつ比較
各行は、それぞれの製品の公開されている料金ページ、ドキュメント、実際のアプリと照らし合わせて確認しています。機能が公に文書化されていない場合は、推測せずにその旨をセルに記載しています。
| 機能 | ScreenMocks | Figma to Store (flexbox) |
|---|---|---|
| 動作環境 | ||
| Figmaアカウントなしで動作 | ||
| 既存のFigmaファイルをインポート | Figma内にある | |
| デザイン | ||
| ストア用スクリーンショットテンプレート | 40+ | 非公開 |
| デバイスフレーム | 33 | 非公開 |
| 3Dデバイスモックアップ本物のGLTFモデルをブラウザ内でレンダリング | 無料ツール | |
| サイズと言語 | ||
| 1つのデザインからすべてのストアサイズを生成配置もコピーもサイズ軸に沿って継承される | サイズをエクスポート | |
| サイズごとのレイアウト上書きiPadだけレイヤーを動かし、他のキャンバスはそのまま | ||
| App Store対応言語 | 48 | 非公開 |
| 言語ごとのレイアウト上書き英語はそのままに、ドイツ語だけ見出しを縮小 | ||
| サイズごとに異なる画面構成iPhoneは6枚、iPadは3枚、プロジェクトは1つ | ||
| ワークフロー | ||
| Claude、Cursor、Codex向けMCPコネクタ | ||
| App Store Connectへ直接アップロード | ||
| キャプチャのフォルダをドロップして全画面に自動配置 | ||
| AI翻訳空欄だけを埋め、書いた文章を上書きしない | 有料 | 非公開 |
| エクスポートと料金 | ||
| プロジェクト・画面・エクスポートが無制限、しかも無料 | 非公開 | |
| レンダリングはブラウザ内で実行スクリーンショットの合成処理はどこにも送信されない | ||
| 買い切りでずっと使える | $149 | 公式ページを参照 |
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日時点で公開されているものです。決める前にFigma to Store (flexbox)の公式ページをご確認ください。
- 無料プラン: プロジェクト、画面、サイズ、エクスポートが無制限
- 有料プランは透かしを外し、48言語すべてを開放
- Figma ConnectorとMCP Connectorはすべての有料プランに含まれます
- Launch Passは期限切れも更新もありません
移行にかかる時間は20分ほど
必要なのはすでにお手元にあるアプリのキャプチャだけです。
テンプレートから、またはFigmaファイルから始める
今出しているデザインに近いテンプレートを選ぶか、デザインの元になったFigmaファイルをインポートします。どちらの方法でも、固定レイアウトではなく本物のプロジェクトとしてエディタに入ります。
キャプチャをキャンバスにドロップする
スクリーンショットのフォルダをドロップすると、空いているディスプレイに1画面ずつ順番に配置されます。1つのデバイスに1ファイルだけドロップすれば、そのデバイスだけが置き換わります。
サイズと言語を追加してエクスポートする
掲載に必要なキャンバスと言語を追加します。すべてがデザインを継承します。エクスポートでZIPを書き出すか、App Store Connectへ直接アップロードします。
乗り換え前によく聞かれる質問
ScreenMocksはFigmaプラグインにできないことのうち何ができますか?
ドキュメントそのものを管理します。プラグインはフレームをストア規定のサイズで書き出せますが、フレーム自体は依然として自分で管理するものです。12種類のキャンバスと48言語では何百枚にもなります。ScreenMocksは1つのデザインと、サイズごと・言語ごとの上書きを保存する仕組みなので、新しいキャンバスや新しい言語もすでにデザインが適用された状態です。
Figmaを使い続けられますか?
はい、ほとんどの人がそうしています。Figmaでデザインし、ここでファイルをインポートすれば、テキストは編集可能なままなので48言語に翻訳できます。インポート処理はすべてブラウザ内で完結し、Figmaのトークンがサーバーに送られることはありません。
Figma to Store (flexbox)は無料ですか?
最新の料金はFigma to Store (flexbox)のFigma Communityページで確認してください。このカテゴリのプラグインは無料からクレジット制まで様々です。ScreenMocksは透かし付きなら無料、透かしなしなら月額$9.99、あるいは一度$149です。
スクリーンショットを作り直す必要がありますか?
いいえ。プラグインで作業していたFigmaファイルをインポートすれば、そこから続けられます。
セットは一度作るだけ。48言語でリリースする。
無料プランはカード登録不要で、最初の1分からすべてのキャンバスサイズをエクスポートできます。Figmaファイルを持ち込むか、テンプレートから始めてください。
Proは月額$9.99。Launch Passは$149の買い切りで、更新の必要はありません。
この比較はScreenMocksが公開しており、比較対象の製品のうち一方を販売しています。Figma to Store (flexbox)はその所有者の商標であり、ScreenMocksとは提携関係にありません。内容は2026年8月24日時点で確認されており、四半期ごとに見直されます。 flexbox.gumroad.comを確認. 情報が古くなっていますか?