ノートPCモックアップ生成AI

スクショをノートPCの画面に。 机も光も映り込みも生成。

あらゆる画像モデル

ひとつのワークスペースで

作れるノートPCの場面

ノートPCのモックアップを3ステップで

  1. 01

    Morphicを開く

    サインアップすれば、無限に広がるビジュアルキャンバスですぐに制作を始められます。

  2. 02

    スクリーンショットをアップロード

    サイトやアプリのキャプチャを入れ、ノートPC、机、光を書き添えます。

  3. 03

    生成して書き出し

    画面を中心に場面ができ、淡い映り込みも付きます。角度を変えて試してから書き出します。

ユースケース

SaaSのLPのメインビジュアル

ブラウザの窓が宙に浮いた画像ではなく、実機に載ったアプリでLPを始めましょう。ファーストビューにはスタジオのデスクにダッシュボードを置きます。下のセクションでは、カフェの場面で温かみを足します。リリースでUIが変わったら、スクリーンショットを差し替えて、もう一度生成するだけです。

SaaSのLPのメインビジュアル

Webデザインのポートフォリオ

クライアントのサイトを、平らなスクリーンショットではなく、撮影した作品として見せます。事例の表紙には正面のスタジオ、制作過程のページにはキーボードに手を置く構図が合います。どの案件も同じ端末で揃えれば、ポートフォリオ全体がひとつの作品集として読めます。

Webデザインのポートフォリオ

提案資料・営業資料

スライドには、四角い画像ではなく、場面としてプロダクトを置きます。整った机にノートPCとスマホが並ぶ絵は、実際の業務の流れを伝えます。営業資料や投資家向けの報告、社内の稟議資料にも効きます。ノートPCの場面にスマホ画面を組み合わせれば、1枚でクロスデバイスの話ができます。

提案資料・営業資料

レスポンシブ・デスクトップのプレビュー

サイトを、訪問者が実際に見るデスクトップの幅で見せます。スマホ幅の切り抜きでは隠れる構成や階層が、横に広い画面なら伝わります。同じキャプチャから、マーケティング用の明るいワークスペースと、上質で集中した印象の暗めのデスクを作り分けられます。

レスポンシブ・デスクトップのプレビュー

プロンプト例

コーヒーを添えた整った木のデスクで、スクリーンショットを映す薄型のシルバーのノートPC

デスクとコーヒー

日本語UIのスクリーンショットを、薄型のシルバーのノートPCに載せて、整った木のデスクにコーヒーを添え、窓からのやわらかな光

Edit prompt
すっきりしたスタジオ背景で画面を映す、正面からのノートPC

正面から撮るスタジオ

画面を、すっきりしたスタジオ背景のノートPCに正面から映す、やわらかく均一な光、画面のほのかな発光

Edit prompt
カフェのテーブルで斜めの角度からスクリーンショットを映すノートPC

カフェのテーブル

スクリーンショットを、カフェのテーブルに置いたノートPCに載せる、斜めのアングル、午後の温かな光、浅い被写界深度

Edit prompt
画面を映すノートPCを打つ手を、肩越しに捉えたカット

キーボードに手を置く

画面が見える状態でノートPCを打つ手、肩越しの視点、明るいワークスペース

Edit prompt
机の上で、同じ画面を映すノートPCとスマホが並ぶ様子

ノートPCとスマホ

ノートPCの画面と、同じ内容のスマホ画面を机に並べる、整った配置、やわらかな日中の光

Edit prompt
暖色のランプ1灯だけが照らすローキーなデスクの黒いノートPC

ローキーなデスク

黒いノートPCに画面を載せ、ローキーなデスクに置く、暖色のランプ1灯、深い影、集中できる雰囲気

Edit prompt

すべてMorphicで

デバイスのモックアップをひと通り

シンプルな料金体系

今すぐ無料で始めて、いつでもアップグレードまたはキャンセルできます。

Basic

$19/ 月
請求額は $228 年

2400 月 クレジット

1 ユーザーのみ

すべてのモデル

ワークフロー

Standard

$24/ 月
請求額は $288 年

3625 月 クレジット

1 ユーザーのみ

すべてのモデル

ワークフロー

Pro

$45/ 月
請求額は $540 年

6350 共有 月 クレジット

1 ユーザー

+ 最大 4 名まで追加費用

すべてのモデル

ワークフロー

Max

$170/ 月
請求額は $2040 年

24650 共有 月 クレジット

1 ユーザー

+ 最大 9 名まで追加費用

すべてのモデル

ワークフロー

Enterprise

より高い制限のために

カスタム

料金と請求条件

大容量クレジット
カスタムシート制限
すべてのモデル
ワークフロー
Pricing Gradient

Free

気軽に試したい方に

$0

ずっと無料

最大20クレジット
1ユーザーのみ
一部のモデル
ワークフロー

よくある質問

ノートPCモックアップ生成AIはどういう仕組みですか?
サイトやアプリのスクリーンショットをアップロードし、作りたい場面を書きます。モデルが開いたノートPCを組み立て、画面に合う角度で映像を置きます。さらに、机、光、画面の淡い映り込みまで生成します。スクリーンショットは画面にそのまま貼られるので、文字は鮮明なまま、斜めから見た角度にも自然に追従します。
日本語UIのスクリーンショットでも文字は崩れませんか?
崩れにくい作りです。画面に載るのはアップロードした画像そのもので、文字を生成し直すわけではありません。日本語のメニューや見出しも、元のまま読めます。ただし、斜めの角度や強い映り込みでは読みにくくなることがあります。その場合は、正面に近い角度や弱い光で再生成してください。
ノートPCの種類を指定できますか?
書けばそのとおりに寄せます。たとえば、薄型のシルバーを正面から開いた状態や、黒いノートPCを斜めから見た状態などです。本体、ベゼル、キーボードが文章に合わせて描かれます。ブランド名を出さなくても、今どきの端末として見せられます。テンプレートを探し回る手間もありません。
どんな場面に置けますか?
整った自宅のデスクとコーヒー、明るいカフェのテーブル、シンプルなスタジオの背景などです。キーボードに手を置いたクローズアップも作れます。机の素材と光を書けば、画面を中心に場面ができあがります。1枚のスクリーンショットから、SaaSのメインビジュアルも、フリーランスの作業風景も作れます。
デザインソフトなしで、無料のモックアップを作れますか?
作れます。PSDのスマートオブジェクトに合わせる作業も、場面を手で合成する作業も要りません。スクリーンショットを上げて、ノートPCと場面を書き、ブラウザ上で書き出すだけです。新規アカウントにはクレジットが付くので、いくつか試せます。LPや納品物など商用の案件に使う場合は、利用範囲をMorphicの利用規約で確認してください。
映り込みは控えめで、画面は読めるままですか?
アップロードした画像は、画面の中で鮮明なまま、画面の角度に合わせて傾きます。文字もレイアウトも読めます。映り込みはリアルさのために足しますが、UIが白く飛ばないよう控えめです。ハイライトが画面にかかったら、角度をなだらかにするか、光をやわらげて再生成してください。
ノートPCのモックアップテンプレートと何が違いますか?
テンプレートで渡されるのは、1台のノートPCを、1つの角度と1つの背景で見せる形だけです。ここでは、端末、机、光を撮影のたびに生成します。同じスクリーンショットから、カフェのテーブルも、自宅のデスクも、スタジオ背景も作れます。ファイルの差し替えは要りません。固定されるのは、アップロードした画面だけです。

こちらもおすすめ