モックアップスタジオ

フォトリアルな
デバイス モックアップ。無料・高速・3D レンダリング

デザインをドロップして、デバイスを選んで、スタジオ品質のモックアップを書き出し。 所要時間 30 秒。Photoshop は不要です。

無料プラン · クレジットカード不要 · 2K 書き出し付き

Mochi のマスコットとアップロードから書き出しまでの流れを示す、フォトリアルな iPhone モックアップ
30s平均所要時間
100%ブラウザで完結
50+作成されたモックアップ
540+テンプレート
4K最大解像度
0透かし
30s平均所要時間
100%ブラウザで完結
50+作成されたモックアップ
540+テンプレート
4K最大解像度
0透かし
早期特典:先着 100 アカウント限定
$109一回払いで、ずっと Pro。

Pro のすべて(全カタログ、4K 書き出し、透かしなし、Figma プラグイン)を、MochiMockup が続く限りずっと。お支払いは一度だけ、更新は一切ありません。

25件 購入済み残り 75件

一回払い · なくなり次第終了

無料でお試し

今すぐ試せます。アカウントもメールも不要。

デバイスを選んでデザインをドロップすれば、モックアップを 2K でダウンロードできます。透かしなし、商用利用 OK。登録は一切不要です。Pro なら 4K と、ほか 540 以上のシーンが使えます。

使い方

3ステップ。 30秒。

アカウントもチュートリアルも不要。ファイルをドラッグできれば、モックアップは作れます。

#01

デザインをアップロード

アプリのデザインや UI 画面をドラッグ&ドロップ。PNG、JPG、WebP など、お手元の形式でどうぞ。

デザインをアップロード
#02

リアルタイムでプレビュー

デザインが瞬時にデバイスにはめ込まれます。パース、ライティング、映り込みもすべて自動です。

リアルタイムでプレビュー
#03

最大 4K で書き出し

PNG または JPEG でダウンロード。無料ユーザーは 2K、Pro ならフル 4K 解像度が使えます。

最大 4K で書き出し
Figma プラグイン

Figma でデザインしているなら、 Figma のままで。

キャンバスを離れずに、フォトリアルなモックアップを生成。プラグインはデザインと同じ場所で動きます。

  • テンプレートカタログ全体から選べる
  • 回転・トリミング、明るさ・コントラスト・彩度の微調整
  • Figma の中で直接生成。透かしなしの 4K で書き出し

Pro に含まれます · $9.99/月 · プランを見る

The MochiMockup plugin panel running inside Figma
機能

必要なものはすべて、
余計なものはなし。

モックアップづくりを、速く、美しく、ストレスなく。

フォトリアルなレンダリング

金属の質感、リアルな影、物理的に正確なライティング。フラットなモックアップではなく、3D レンダリングです。

30 秒のワークフロー

アップロード、プレビュー、書き出し。レイヤーもスマートオブジェクトも不要。コーヒーが入る前にモックアップが完成します。

最大 4K 解像度

横幅 3840px で書き出し。印刷にも Retina 向けプレゼンにも十分なシャープさです。

あらゆるデバイスに対応

iPhone、MacBook、iPad、Apple Watch。すべてスタジオ環境でモデリングしています。

Figma プラグイン

フレームを選んで、デバイスを選んで、書き出し。モックアップ作業もデザインと同じ場所で完結します。

毎週新しいモックアップ

新しいデバイス、アングル、シーンを定期的に追加。Pro ユーザーはいち早く利用できます。

500件以上のモックアップ あらゆる業界に

毎週新しいモックアップを追加

Minimalist Concrete Slab Display
ProTextures & MaterialsPhone

Minimalist Concrete Slab Display

Try this Mockup
Natural Oak Interactive Hand
ProIn UsePhone

Natural Oak Interactive Hand

Try this Mockup
Beach Day Essentials
ProNature & OutdoorsPhone

Beach Day Essentials

Try this Mockup
Forest Log Display
ProNature & OutdoorsPhone

Forest Log Display

Try this Mockup
Fresh Breakfast & Limestone
ProCafé & FoodPhone

Fresh Breakfast & Limestone

Try this Mockup
Morning Coffee Desk Interaction
ProDesk & WorkPhone

Morning Coffee Desk Interaction

Try this Mockup
Minimalist Tapping Interaction
FreeStudioPhone

Minimalist Tapping Interaction

Try this Mockup
MacBook Pro Marble Café
ProHome & InteriorLaptop

MacBook Pro Marble Café

Try this Mockup
ビフォー・アフター

フラットなデザインが ポートフォリオ品質に。

アカウントもチュートリアルも不要。ファイルをドラッグできれば、モックアップは作れます。

カタログを見る
Before
Before:フラットなデザイン
After
After:フォトリアルなモックアップ
お客様の声

ユーザーの声

4.9200件以上のレビュー

“以前は Photoshop でモックアップ 1 枚に 20 分かかっていました。今は 30 秒です。MochiMockup で仕事の進め方がまるごと変わりました。”

S

Sarah M.

スタートアップ創業者

“クオリティがすごいです。App Store 用のビジュアルが、デザイン会社に頼んだみたいな仕上がりに。私はデザイナーではなく開発者なのに。”

T

Thomas R.

個人開発者

“Smartmockups から乗り換えましたが、クオリティの差は歴然です。3D レンダリングが本物そっくりで、安っぽいテンプレート感がありません。”

J

Julie L.

マーケティング責任者

“今ではクライアントへの提案すべてに MochiMockup を使っています。ドラッグ&ドロップで完成。クライアントにはカメラマンを雇ったと思われています。”

A

Alex K.

フリーランスクリエイター

“以前は Photoshop でモックアップ 1 枚に 20 分かかっていました。今は 30 秒です。MochiMockup で仕事の進め方がまるごと変わりました。”

S

Sarah M.

スタートアップ創業者

“クオリティがすごいです。App Store 用のビジュアルが、デザイン会社に頼んだみたいな仕上がりに。私はデザイナーではなく開発者なのに。”

T

Thomas R.

個人開発者

“Smartmockups から乗り換えましたが、クオリティの差は歴然です。3D レンダリングが本物そっくりで、安っぽいテンプレート感がありません。”

J

Julie L.

マーケティング責任者

“今ではクライアントへの提案すべてに MochiMockup を使っています。ドラッグ&ドロップで完成。クライアントにはカメラマンを雇ったと思われています。”

A

Alex K.

フリーランスクリエイター

“MochiMockup を使い始めてから、商品ページが 10 倍プロっぽくなりました。ほかは何も変えていないのに、コンバージョン率が上がりました。”

M

Maria P.

EC マネージャー

“YouTube のサムネイル用にモックアップが必要でした。スタジオなしでスタジオ品質が手に入るのは MochiMockup だけです。”

D

David W.

コンテンツクリエイター

“デザイナーではまったくないのですが、MochiMockup のおかげでリサーチ資料が洗練された見た目に。チームにはビジュアルを外注したと思われました。”

E

Emma C.

UX リサーチャー

“以前はクライアント納品用のモックアップに何時間もかけていました。今はチーム全員が MochiMockup を使い、毎月何日分もの時間を節約しています。”

L

Lucas B.

制作会社代表

“MochiMockup を使い始めてから、商品ページが 10 倍プロっぽくなりました。ほかは何も変えていないのに、コンバージョン率が上がりました。”

M

Maria P.

EC マネージャー

“YouTube のサムネイル用にモックアップが必要でした。スタジオなしでスタジオ品質が手に入るのは MochiMockup だけです。”

D

David W.

コンテンツクリエイター

“デザイナーではまったくないのですが、MochiMockup のおかげでリサーチ資料が洗練された見た目に。チームにはビジュアルを外注したと思われました。”

E

Emma C.

UX リサーチャー

“以前はクライアント納品用のモックアップに何時間もかけていました。今はチーム全員が MochiMockup を使い、毎月何日分もの時間を節約しています。”

L

Lucas B.

制作会社代表

コレクション

何から始めればいいか迷ったら、 雰囲気ごと借りちゃおう。

カクテルテーブル、ピラティスマット、画面いっぱいのスクリーンなど、ひとつずつ選び抜いたセットです。開けば、どのカットも最初から統一感があります。

11件のモックアップ

Cocktail

Spritz glasses, sliced citrus and sun-warmed terrace tables, with the screen in frame

このコレクションを見る
37件のモックアップ

No Backgroud

Devices cut out on a clean studio field, ready to drop onto any layout

このコレクションを見る
7件のモックアップ

Liquid Chrome

Molten chrome ribbons and mirrored swirls wrapping the device in bold studio light

このコレクションを見る
27件のモックアップ

Soft Seating

Devices propped on sofas, ottomans and lounge chairs, in leather, velvet and tan boucle

このコレクションを見る
38件のモックアップ

Tabletops

Kitchen islands, café marble and studio desks, shot from above and across the table

このコレクションを見る
34件のモックアップ

Over the Shoulder

Screens caught from behind the user, close enough to read, hands and outfit in frame

このコレクションを見る
料金

まずは無料で。 アップグレードはいつでも。

お試し期間も制限もなし。必要なときに、もっとパワフルに。

無料

$0/月
  • 基本テンプレート 5〜10 件
  • 書き出し 10回/月
  • 2K 解像度
  • PNG 書き出し
  • 書き出し画像に透かしあり
無料アカウントを作成
いちばんお得

Pro

$12.99$9.99/月

  • すべてのテンプレート(500件以上)
  • 書き出し無制限
  • 4K 解像度
  • 透かしなし
  • Figma プラグイン
  • 新作への優先アクセス

サブスクリプションはまだ早い?どの Pro テンプレートも1回 $2.50で書き出せます。サブスクリプションは不要です。

FAQ

デバイスモックアップに関するよくある質問

デバイスモックアップとは何ですか?

デバイスモックアップとは、スマートフォン、ノートパソコン、タブレット、スマートウォッチの画面にデザインを配置したフォトリアルな画像のことです。デザイナーはアプリや Web サイトを、洗練された実際の利用シーンで見せるためにモックアップを使います。App Store のスクリーンショット、ランディングページ、クライアント向けプレゼンに最適です。

MochiMockup のテンプレートは無料ですか?

はい。すべてのデバイスカテゴリに、登録なしで 2K で書き出せる無料テンプレートがあります。Pro($9.99/月)なら、カタログ全体、4K 書き出し、Figma プラグインが使えます。サブスクリプションなしで、Pro テンプレートを 1回 $2.50 で書き出すこともできます。

モックアップを App Store や商用プロジェクトに使えますか?

もちろんです。MochiMockup のレンダリング画像はすべて、App Store のスクリーンショット、マーケティングサイト、クライアントへの納品物、SNS など、編集用途・商用利用のどちらにもお使いいただけます。

Photoshop のモックアップと何が違うのですか?

MochiMockup はブラウザで使えるツールです。Photoshop もスマートオブジェクトも、レイヤーの操作も必要ありません。すべてのテンプレートは、正確なライティングと映り込みを備えた本物の 3D レンダリングです。デザインをアップロードすればすぐにプレビューでき、数秒で書き出せます。

iPhone、MacBook、iPad、Apple Watch に対応していますか?

はい。最新の iPhone、MacBook、iPad Pro、Apple Watch をはじめ、多くのモデルに対応しています。新しいデバイスやシーンを毎週追加しています。

モックアップはどの解像度で書き出せますか?

無料ユーザーは最大 2K、Pro ユーザーは最大 4K(横幅 3840 px)で書き出せます。印刷、Retina ディスプレイ、大画面でのプレゼンにも十分なシャープさです。

はじめよう

あなたのアプリを、 もっと魅力的に。

Photoshop との格闘をやめて、どんどんリリースしているクリエイターがすでに数百人。あなたも仲間に加わりませんか。

ストライプのブランケットの上で MochiMockup のデザインを表示した MacBook