どんなブラウザでも動くButterKitの代替。
ButterKitはネイティブのMacアプリです。動作は速い一方で、スクリーンショットが1台のマシン、1つのOSに縛られます。ScreenMocksはブラウザで動作するため、プロジェクトはノートパソコンではなくアカウントに紐づきます。
どのマシンでも、どのOSでも
Windows、Linux、借り物のノートパソコンでも。プロジェクトは1台のMacのフォルダの中ではなく、アカウントの中にあります。
48言語、本当の意味での上書き機能付き
1つのデザインですべての言語をカバーし、文章が長くなる言語には専用のレイアウトを用意できます。
Figmaを取り込み、その上にエージェントも
Figmaファイルをインポートするか、MCPコネクタを通じてClaude Code、Cursor、Codexにセットの作成を任せられます。
機能を1つずつ比較
各行は、それぞれの製品の公開されている料金ページ、ドキュメント、実際のアプリと照らし合わせて確認しています。機能が公に文書化されていない場合は、推測せずにその旨をセルに記載しています。
| 機能 | ScreenMocks | ButterKit |
|---|---|---|
| 動作環境 | ||
| WindowsとLinux | ||
| プロジェクトはアカウントに紐づき、端末をまたいで利用可能 | ディスク上 | |
| オフラインで動作 | ||
| インストール不要 | ||
| デザイン | ||
| ストア用スクリーンショットテンプレート | 40+ | 非公開 |
| デバイスフレーム | 33 | 非公開 |
| 3Dデバイスモックアップ本物のGLTFモデルをブラウザ内でレンダリング | 無料ツール | 非公開 |
| サイズと言語 | ||
| 1つのデザインからすべてのストアサイズを生成配置もコピーもサイズ軸に沿って継承される | ||
| サイズごとのレイアウト上書きiPadだけレイヤーを動かし、他のキャンバスはそのまま | 非公開 | |
| App Store対応言語 | 48 | まちまち |
| 言語ごとのレイアウト上書き英語はそのままに、ドイツ語だけ見出しを縮小 | 非公開 | |
| サイズごとに異なる画面構成iPhoneは6枚、iPadは3枚、プロジェクトは1つ | 非公開 | |
| ワークフロー | ||
| Figmaファイルをプロジェクトとしてインポート | ||
| Claude、Cursor、Codex向けMCPコネクタ | 非公開 | |
| App Store Connectへ直接アップロード | まちまち | |
| キャプチャのフォルダをドロップして全画面に自動配置 | 非公開 | |
| エクスポートと料金 | ||
| レンダリングはブラウザ内で実行スクリーンショットの合成処理はどこにも送信されない | デバイス上 | |
| プロジェクト・画面・エクスポートが無制限、しかも無料 | 非公開 | |
| 買い切りでずっと使える | $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日時点で公開されているものです。決める前にButterKitの公式ページをご確認ください。
- 無料プラン: プロジェクト、画面、サイズ、エクスポートが無制限
- 有料プランは透かしを外し、48言語すべてを開放
- Figma ConnectorとMCP Connectorはすべての有料プランに含まれます
- Launch Passは期限切れも更新もありません
移行にかかる時間は20分ほど
必要なのはすでにお手元にあるアプリのキャプチャだけです。
テンプレートから、またはFigmaファイルから始める
今出しているデザインに近いテンプレートを選ぶか、デザインの元になったFigmaファイルをインポートします。どちらの方法でも、固定レイアウトではなく本物のプロジェクトとしてエディタに入ります。
キャプチャをキャンバスにドロップする
スクリーンショットのフォルダをドロップすると、空いているディスプレイに1画面ずつ順番に配置されます。1つのデバイスに1ファイルだけドロップすれば、そのデバイスだけが置き換わります。
サイズと言語を追加してエクスポートする
掲載に必要なキャンバスと言語を追加します。すべてがデザインを継承します。エクスポートでZIPを書き出すか、App Store Connectへ直接アップロードします。
乗り換え前によく聞かれる質問
Macは必要ですか?
いいえ。それが最大の違いです。ButterKitはネイティブのMacアプリですが、ScreenMocksはWindows、macOS、Linuxのどのブラウザでもインストールなしで動作します。
プロジェクトはどこに保存されますか?
アカウントに保存されるため、マシンを移動しても付いてきます。レンダリングもエクスポートもブラウザ内で行われます。合成のためにどこかへ送信されることはなく、App Storeに届くPNGはあなたのドキュメントから直接描画されます。
オフラインで動作しますか?
いいえ。それがブラウザである以上の正直なコストであり、1台のマシンに縛られる代わりにButterKitが提供してくれる部分です。
作業内容を移行できますか?
すでに手元にある生のキャプチャを持ち込んでください。フォルダをキャンバスにドロップすれば、空いているディスプレイすべてに順番に配置されます。
セットは一度作るだけ。48言語でリリースする。
無料プランはカード登録不要で、最初の1分からすべてのキャンバスサイズをエクスポートできます。Figmaファイルを持ち込むか、テンプレートから始めてください。
Proは月額$9.99。Launch Passは$149の買い切りで、更新の必要はありません。
この比較はScreenMocksが公開しており、比較対象の製品のうち一方を販売しています。ButterKitはその所有者の商標であり、ScreenMocksとは提携関係にありません。内容は2026年8月24日時点で確認されており、四半期ごとに見直されます。 butterkit.appを確認. 情報が古くなっていますか?