Web ページを生成

最終更新日 : 2026年8月28日

Adobe Express で web ページを生成する方法について説明します。

Adobe Express の「Web ページを生成」を使用して、シンプルなテキストプロンプトから完全にデザインされた web ページを作成します。必要なものを説明し、いくつかの明確にするための質問に答えると、Web ページアシスタントが web ページを作成し、ユーザーはこれを調整して公開できます。Adobe Express から離れる必要はありません。 

「Web ページを生成」にアクセス

開始パネルから:Adobe Express のホームページの左側のパネルから追加 アイコンを選択し、生成 AIWeb ページを生成(Beta)を選択します。

Adobe Express の開始パネルで、「生成 AI」を選択し、次に「Web ページを生成」を選択します。
開始パネルから「Web ページを生成」にアクセスします。

Web ページのホームページから:「Web ページを生成」を選択します。 

Adobe Express のホームページの web ページホームで「Web ページを生成」がハイライトされています
Web ページホームページから「Web ページを生成」にアクセスします。

プロンプトを使用して開始

プロンプトバーに、作成する web ページの説明を入力します。目的、オーディエンス、および主要なコンテンツを含めてください。

サンプルプロンプト

ミレニアル世代をターゲットにした持続可能なスキンケアブランドの商品ランディングページを作成してください。ヒーローセクション、商品ハイライト、サインアップフォームを含めてください。

プラス アイコンを選択するか、画像や PDF をプロンプトバーまたはサイドパネルにドラッグ&ドロップし、それらの使用方法を説明します。ページに含める独自の写真を添付するか、アシスタントをガイドする参考画像として使用できます。

ページの内容、トーン、またはスタイルに関する明確化の質問に答えるか、「スキップ」を選択して続行します。

Web ページを編集

チャットパネルを使用してコンテンツを追加したり、レイアウトを調整したり、プロンプトを使ってデザインを調整したりできます。対象を絞った編集を行うには、プロンプトを入力する前にページ上の要素を選択します。

エディターツールバーを使用して web ページを手動で編集することもできます。ページまたはカンバス上の要素を選択して、使用可能な編集オプションを表示します:

  • すべての要素:複製 アイコンを選択して要素をコピーするか、削除 アイコンを選択して削除します。
  • 画像:「置き換え を選択して画像を交換するか、トリミング アイコンを選択してズームと位置を調整します。
  • テキスト:太字、斜体、リストなどのテキストスタイル、カラー、位置合わせ、書式を変更します。
  • ボタン:編集ボタン を選択して、ボタンのテキストまたは URL を更新します。
メモ

Web ページアシスタントは、手動エディターよりも幅広い編集機能を備えています。制限に達した場合は、代わりにアシスタントでアクションを試してください。

セクションを選択し、青い矢印を使用して上下に移動します。新しいセクションを追加するには、「セクションを追加」を選択してプリセットを選択するか、「マイファイル」からコンテンツを追加するか、アシスタントにプロンプトを入力します。

Web ページのセクションが選択され、セクションを上下に移動したり新しいセクションを追加したりするコントロールが表示されます。
セクションを選択すると、移動または新しいセクション追加のコントロールが表示されます。

スタイルを適用するには、希望するテーマを説明するか、アシスタントに提案を求めてください。手動で調整するには、ヘッダーからスタイルを選択します。

Webpage Assistant が新しいカラーパレットを提案し、手動でテーマを適用するためのヘッダーのスタイルアイコンがハイライトされています。
Web ページアシスタントにプロンプトを入力するか、ヘッダーのスタイルアイコンを選択してカラーテーマを適用します。

Web ページが完成したら、共有Web に公開を選択します。Web ページの公開についての詳細を見る。

メモ

ページを HTML または PDF ファイルとして書き出すこともできます。PDF での書き出しでは、形式の制限により一部のページが正しくレンダリングされない場合があり、インタラクティブまたはアニメーション効果は書き出し後の PDF では保持されないことにご注意ください。

チャットヒストリーの管理

チャットと添付ファイルは、各ページと一緒に保存されます。それらを削除するには、プロンプトバーの 3 点 メニューを選択し、「チャットを削除」を選択します。チャットヒストリーは非公開であり、共同編集者と共有されません。