プロンプトバーに、作成する web ページの説明を入力します。 目的、オーディエンス、主要なコンテンツを含めます。
最終更新日 :
2026年9月9日
Web ページを作成は Adobe Express のベータ機能で、現在テストおよびフィードバック用に利用できます。
Adobe Express で web ページを生成する方法について説明します。
Adobe Express の「Web ページを生成」を使用して、シンプルなテキストプロンプトから完全にデザインされた web ページを作成します。 必要なものを説明し、いくつかの明確にするための質問に答えると、Web ページアシスタントが web ページを作成し、ユーザーはこれを調整して公開できます。Adobe Express から離れる必要はありません。
「Web ページを生成」にアクセス
開始パネルから：Adobe Express のホームページの左側のパネルから追加 アイコンを選択し、生成 AI／Web ページを生成（Beta）を選択します。
Web ページのホームページで「Web ページを生成 (Beta)」を選択します。
プロンプトを使用して開始
サンプルプロンプト
ミレニアル世代をターゲットにした、サステナブルなスキンケアブランドの商品ランディングページを作成してください。ページには、ヒーローセクション、商品のハイライト、サインアップフォームを含めてください。
プラスアイコンを選択するか、プロンプトバーかサイドパネルに画像や PDF をドラッグ＆ドロップしたうえで、それらをどのように使いたいかを説明します。ページに含める独自の写真を添付したり、アシスタントをガイドする参考資料として画像を使用したりできます。
ページのコンテンツ、トーン、またはスタイルを明確にするための質問に答えるか、「スキップ」を選択して続行します。
Web ページを編集
チャットパネルでプロンプトを使用して、コンテンツの追加、レイアウトの調整、またはデザインの調整を行います。対象を絞った編集を行うには、プロンプトを入力する前にページ上の要素を選択します。
エディターツールバーを使用して web ページを手動で編集することもできます。 ページまたはカンバス上の要素を選択して、利用可能な編集オプションを表示します。
- すべての要素：複製 アイコンを選択して要素をコピーするか、削除 アイコンを選択して削除します。
- 画像：「置換」を選択して画像を入れ替えたり、トリミングアイコンを選択してズームや位置を調整したりします。
- テキスト：太字、斜体、リストなどのテキストスタイル、カラー、位置合わせ、書式を変更します。
- ボタン：編集ボタン を選択して、ボタンのテキストまたは URL を更新します。
メモ
Web ページアシスタントは、手動エディターよりも幅広い編集機能を備えています。 うまくいかない場合は、そのアクションをアシスタントでお試しください。
セクションを選択し、青い矢印を使用して上下に移動します。新しいセクションを追加するには、「セクションを追加」を選択してプリセットを選択するか、「マイファイル」からコンテンツを追加するか、アシスタントにプロンプトを入力します。
スタイルを適用するには、希望するテーマを説明するか、アシスタントに提案を依頼してください。手動調整の場合は、ヘッダーから「スタイル」を選択します。
Web ページが完成したら、共有／Web に公開を選択します。 Web ページの公開についてご確認ください。
メモ
HTML または PDF ファイルとしてページを書き出すこともできます。PDF 書き出しでは、フォーマットの制限により一部のページが正しくレンダリングされない可能性があり、インタラクティブ機能やアニメーション効果は書き出された PDF では保持されないことに注意してください。
チャット履歴の管理
チャットと添付ファイルは各ページと一緒に保存されます。これらを削除するには、プロンプトバーの 3 点メニューを選択し、「チャットを削除」を選択します。チャット履歴は非公開で、共同編集者とは共有されません。
